@media screen and (width <=1300px) {
    .section-content {
        font-size: 1.5rem;
    }
}

@media screen and (width <=1100px) {
    .section-content>p {
        font-size: 3rem;
    }

    .section-content {
        line-height: 2.75rem;
        font-size: 2rem;
    }

    .section-heading {
        font-size: 5.5rem;
    }
}

@media screen and (width <=750px) {
    #header-options {
        font-size: 2.15rem;
    }

    #header-name {
        font-size: 5rem;
    }

    .footer-container {
        width: 100%;
    }

    .top-footer {
        justify-content: space-around;
    }

    .top-footer p {
        font-size: 3.25rem;
    }

    .top-footer img {
        width: 4rem;
    }

    .main-footer>h1 {
        font-size: 15rem;
    }
}