@media (max-width: 135em) {
    .main-logo {
        max-width: 25rem;
    }

    .coming-soon-section{
        width:90rem;
        padding: 2rem 4rem;

    }

    .home-section {
        /* grid-template-rows: 35rem 40rem; */
        padding-top:4rem;
        row-gap: 1rem;
    }

    .coming-soon-title {
        font-size: 8rem;
    }

    .coming-soon-paragraph {
        font-size: 2.4rem;
    }

    .assistance {
        font-size: 2rem;
    }
}

@media (max-width: 95em) {
}

@media (max-width: 63em) {
    :root{
        color-scheme: light dark;
    }
    .main-logo {
        max-width: 30rem;
    }

    .home-section {
        padding-top: 20rem;
    }

    .coming-soon-section {
        padding: 2rem 4rem;
    }

    .coming-soon-title {
        font-size: 8rem;
    }

    .coming-soon-paragraph {
        font-size: 2.2rem;
    }

    .assistance {
        font-size: 2rem;
    }

    .email {
        color: #fff;
        font-size: 2.4rem;
        font-weight: bold;
        background-color: light-dark(#72a743, #4a6b30);
        display: inline-block;
        padding: 2rem 8rem;
        margin-top: 2rem;

        text-decoration: none;
        border-radius: 4rem;
    }
}

@media (max-width: 50em) {
    .top-logo {
        width: 30%;
    }

    .bottom-logo {
        width: 70%;
    }
    .home-section {
        padding-top: 20rem;
    }

    .coming-soon-section {
        max-width: 70rem;
        padding: 2rem 2rem;
    }

    .coming-soon-title {
        font-size: 7rem;
        margin-bottom: 1rem;
    }

    .coming-soon-paragraph {
        font-size: 2.2rem;
        margin-bottom: 3rem;
    }

    .assistance {
        font-size: 1.8rem;
    }
}

@media (max-width: 44em) {
    .top-logo {
        width: 30%;
    }

    .bottom-logo {
        width: 70%;
    }
    .coming-soon-section {
        width: 60rem;
    }
}

@media (max-width: 38em) {
    .top-logo {
        width: 30%;
    }

    .bottom-logo {
        width: 70%;
    }
    .main-logo {
        max-width: 25rem;
    }

    .home-section {
        row-gap: 5rem;
    }
    .coming-soon-section {
        width: 50rem;
        padding: 3rem;
    }

    .coming-soon-title {
        font-size: 6rem;
    }

    .coming-soon-paragraph {
        font-size: 1.8rem;
    }

    .email {
        font-size: 2rem;
        padding: 2rem 6rem;
    }
}

@media (max-width: 32em) {
    .top-logo {
        width: 40%;
    }

    .bottom-logo {
        width: 70%;
    }
    .main-logo {
        max-width: 20rem;
    }
    .home-section {
        padding-top: 20rem;
    }
    .coming-soon-title {
        font-size: 5rem;
    }
    .coming-soon-section {
        width: 40rem;
        padding: 2rem;
    }
}

@media (max-width: 27em) {
    .top-logo {
        width: 30%;
    }

    .bottom-logo {
        width: 70%;
    }
    .coming-soon-section {
        width: 35rem;
    }

    .coming-soon-paragraph {
        font-size: 1.6rem;
        margin-bottom: 2rem;
    }

    .coming-soon-title {
        font-size: 4rem;
    }

    .assistance {
        font-size: 1.4rem;
    }

    .email {
        font-size: 1.6rem;
        padding: 1.5rem 3rem;
    }

    .home-section {
        padding-top: 8rem;
    }
}

@media (max-width: 22rem) {
    .top-logo {
        width: 20%;
    }
    .main-logo {
        max-width: 15rem;
    }
    .coming-soon-section {
        width: 30rem;
    }

    .coming-soon-paragraph {
        font-size: 1.2rem;
        margin-bottom: 1rem;
    }

    .coming-soon-title {
        font-size: 4rem;
    }

    .assistance {
        font-size: 1rem;
    }

    .email {
        font-size: 1.2rem;
        padding: 1.5rem 3rem;
    }

    .home-section {
        padding-top: 8rem;
    }
}