@media (max-width: 96.75em) {

    html {
        font-size: 45.5%;
    } 

}

@media (max-width: 65.75em) {

    .desktop-nav-link {
        display: none;
    } 

    .mobile-img-links {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 1.2rem;
    }

    .sidenav {
        display: block;
    }

    .open-nav {
        display: block;
        filter: invert(100%);
        width: 4rem;
    }

    .nav-language {
        width: 4rem;
        align-self: center;
        justify-self: center;
    }

    html {
        font-size: 40.5%;
    } 

    .quad-container {
        grid-template-columns: 1fr;
    }

    .quad {
        padding: 4.8rem 1.2rem 4.8rem;
    }

    .quad-img {
        transform: rotate(90deg);
    }

    .mobile-display-none {
        display: none;
    }

    .services-container {
        grid-template-columns: 1fr 1fr 1fr;
    }

    .services-item-box-main {
        grid-column: span 1;
    }

    #hide-logo-one,
    #hide-logo-two {
        display: none;
    }

    #stagesQuadImg {
        display: none;
    }

    .services-item-img-hidden {
        display: block;
    }

    .tri-cubes-text {
        margin-top: 2.4rem;
    }

}

@media (max-width: 53.75em) {



    .hero {
        margin-top: 4.8rem;
    }

    .hero-box {
        padding: 0rem 1.2rem;
    }

    .services-item-header {
        font-size: 3.6rem;
    }

    .services-item-icon-sub-two,
    .services-item-icon-sub-one {
        margin-top: 0.6rem;
    }

    .jobs-duo-container {
        grid-template-columns: 1fr;
    }

    .jobs-duo-img {
        display: none;
    }

    .sextuple-header {
        grid-column: span 1;
    }

    .grid-column-four,
    .grid-column-three {
        grid-column: span 1;
    }

    .sextuple-container {
        grid-template-columns: 1fr;
        grid-gap: 2.4rem;
    }

    .sextuple-text {
        max-width: 70rem;
    }

    .grid-colum-three {
        grid-column: span 1;
    }

    .cta-container {
        grid-template-columns: 1fr;
    }

    #map {
        margin-bottom: 4.8rem;
    }

    .tri-cubes-container {
        grid-template-columns: 1fr;
        row-gap: 3.6rem;
    }


}

@media (max-width: 44.75em) {

    .hero-arrow {
        margin-bottom: -0.3rem;
    }

    .services-item-text,
    .case-item-text,
    .about-text,
    .tri-cubes-text,
    .footer-text,
    .jobs-duo-text,
    .jobs-carousel-text,
    .jobs-carousel-name {
        font-size: 2.4rem;
    }


    .services-header,
    .duo-header,
    .case-header,
    .quad-header,
    .about-header,
    .footer-img-header,
    .jobs-duo-header,
    .sextuple-header,
    .boxlet-title,
    .jobs-carousel-header {
        font-size: 4.8rem;
    }

    .sextuple-item-header {
        font-size: 2.4rem;
    }

    .jobs-carousel-container {
        max-width: 40rem;
    }


    .jobs-hero-header {
        font-size: 6rem;
    }

    .services-container {
        grid-template-columns: 1fr;
    }

    .services-header {
        grid-column: span 1;
    }

    .services-item-box-main,
    .services-item-two,
    .services-item-three,
    .case-item-one,
    .case-multi-row-box,
    .tri-cubes-item {
        max-width: 60rem;
        justify-self: center;
        height: auto;
    }

    .duo-container,
    .case-container,
    .tri-cubes-container {
        grid-template-columns: 1fr;
        row-gap: 3.6rem;
    }

    .case-header {
        grid-column: span 1;
    }

    .case-item-img,
    .case-item-img-logo {
        display: none;
    }

    .quad-img {
        width: 50rem;
    }

    .spacer {
        height: 4.8rem;
    }

    .footer-container {
        flex-direction: column;
    }

    .footer-item-box {
        grid-template-columns: 1fr 1fr;
        column-gap: 3.6rem;
        align-self: center;
    }

    .footer-logo-box {
        grid-column: span 2;
        justify-self: center;
    }

    .footer-social-box {
        margin: auto;
    }

    .boxlet-container-two,
    .boxlet-container {
        grid-template-columns: 1fr;
    }

    .boxlet-img-box {
        align-self: center;
        justify-self: center;
    }

    .blog-block-header {
        font-size: 2.4rem;
    }

    .blog-type {
        font-size: 2rem;
    }

    .blog-block-item-main,
    .blog-block-item-minor-container {
        margin-bottom: 4.8rem;
    }

    .blog-block-one {
        padding: 0.6rem 2.4rem;
    }

    .blog-block-one-container {
        grid-template-columns: 1fr;
    }

}

@media (max-width: 31.25em) {

    .logos-container {
        display: grid;
        grid-template-columns: 1fr 1fr;
        width: 50%;
        margin: auto;
    }

    .services-header,
    .quad-header {
        text-align: center;
        align-self: center;
        justify-self: center;
    }

    .quad-info-box {
        grid-template-columns: 1fr;
    }

    .quad-img {
        width: 30rem;
    }

    .footer-img-box,
    .hero {
        background-position-x: 10%;
    }

}