/* ***************
BELOW 950px (16/950px)
******************/

@media (max-width: 60em) {
    html {
        font-size: 50%;
    }
}

/* ***************
BELOW 780px 
******************/

@media (max-width: 49em) {
    html {
        font-size: 37.5%;
    }
}

/* ***************
BELOW 600px
******************/

@media (max-width: 37em) {
    html {
        font-size: 37.5%;
    }

    .services-flex {
        align-items: center;
        flex-direction: column-reverse;
    }

    .services {
        height: auto;
    }

    .services-container .btn {
        text-align: center;
    }

    .head-nav-box {
        display: none;
    }

    .hero-container {
        display: flex;
        justify-content: center;
    }

    .flex--column {
        text-align: center;
    }

    .cta-box {
        display: flex;
        justify-content: center;
        background-position: center;
    background-attachment: scroll;
    }

    .hero-text--h1 {
        text-align: center;
        margin: 1rem 7.2rem;
    }

    .hero-btn-box {
        flex-direction: column;
    }

    .hero-right {
        justify-content: center;
    }

    .section-discount .grid {
        display: flex;
        flex-direction: column;
    }

    .disc-left {
        margin: 2.8rem 4.8rem;
    }

    .disc-right {
        margin: 0 4.8rem
    }

    .arrow--btn {
        bottom: 10px;
        right: 45%;
    }
}

/* ***************
BELOW 455px 
******************/

/* @media (max-width: 29em) {
    
} */