/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
    html,
    body {
        max-width: 100%;
    }

    .js-slidein {
        opacity: 0;
        transform: translateY(100px);
        -webkit-transition: all 8000ms ease-in-out;
        transition: all 8000ms ease-in-out;
    }

    .js-slidein-visible {
        opacity: 1 !important;
        transform: translateY(0) !important;
    }

    /* Header */
    .header {
        background-color: rgba(255, 255, 255, 0);
        height: 100vh;
        z-index: 1;
    }
    .col-12.section-header.white.right {
        text-align: right;
        font-size: 70px;
        padding-bottom: 120px;
        padding-top: 160px;
        padding-right: 200px;
    }
    .col-12.section-header.contact-left {
        text-align: none;
    }
    img.header-logo {
        padding-top: 19rem;
    }
    .logo {
        padding-top: 500px;
        padding-right: 160px;
        width: 170%;
        z-index: 2;
    }

    /* Use this for adjusting the slanted lines
https://bennettfeely.com/clippy/ */

    #about {
        height: 150vh;
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 82%);
    }
    #ourteam {
        height: 130vh;
        clip-path: polygon(0 0, 100% 0, 100% 96%, 0 100%);
    }
    #services {
        height: 150vh;
        clip-path: polygon(0 19%, 100% 0, 100% 100%, 0 82%);
    }
    #contact {
        height: 80vh !important;
    }
    .dropdown-content {
        display: none;
        z-index: 1;
    }
    .dropdown:hover .dropdown-content {
        display: block;
        color: orange !important;
    }

    .dropdown:hover h3.white.services-text {
        color: orange !important;
    }

    .col-12.section-header.white.right.services {
        padding-top: 300px;
        padding-bottom: 100px !important;
    }

    .row.services.text-center {
        padding-top: 6rem !important;
    }

    /* Services */
    h3.white.services-text {
        color: white !important;
    }

    ul.text-left.white.services-more.synthese {
        padding-left: 5rem;
    }

    img.services-icon.img-fluid {
        width: 1100px;
    }

    .dropdown.about-item {
        padding-bottom: 0.5rem;
        padding-top: 0.5rem;
    }

    ul.header-l {
        position: absolute;
        width: 50vw;
        top: 300px;
        right: 3px;
        padding-left: 20rem;
        list-style-type: none;
        z-index: 1;
        margin: 0;
        color: black;
        font-size: 50px;
        line-height: 100px;
        text-transform: lowercase;
        font-style: normal;
    }

    .about-building {
        padding-top: 300px;
    }
    img.img-fluid.about-building {
        padding-right: 11rem;
        padding-bottom: 4rem;
        width: 200%;
    }

    .row.services.text-center {
        padding-top: 20rem;
    }

    .services-icon {
        padding-left: 2rem;
        padding-right: 2rem;
    }

    .services-text {
        padding-top: 1rem;
    }

    .services-more {
        padding-left: 7rem;
        list-style-type: none;
        font-size: 20px;
    }

    .section-header {
        padding-top: 10rem;
        padding-bottom: 3rem;
        font-size: 70px;
        line-height: 84px;
    }
    .section-text {
        color: white;
        font-size: 30px;
    }

    .page-section {
        padding-top: 3rem;
        padding-bottom: 5rem;
    }

    .about-row {
        padding-bottom: 5rem;
    }

    .form-control {
        display: block;
        width: 100%;
        height: calc(1.5em + 0.75rem + 2px);
        padding: 0.375rem 0.75rem;
        font-family: Synthese;
        font-style: normal;
        font-weight: normal;
        font-size: 25px;
        line-height: 35px;
        color: black;
        background-color: #fff;
        background-clip: padding-box;
        border: 1.4px solid black;
        border-radius: 0rem;
        transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    }

    .team-txt-desktop {
        padding-top: 0px;
    }

    p.synthese.team-txt-desktop.hanieka-text {
        font-size: 20px;
        color: black;
        padding-left: 10rem;
        padding-bottom: 3rem;
    }

    p.synthese.team-txt-desktop.mia-text {
        font-size: 20px;
        color: black;
        padding-left: 10rem;
        padding-bottom: 3rem;
    }

    img.img-fluid.header-logo {
        padding-top: 45%;
    }

    textarea.form-control {
        height: 11.7rem;
    }

    .col-12.section-header.ourteam-left {
        padding-bottom: 200px;
        text-align: left;
        font-size: 70px;
    }

    .col-12.section-header.contact-left {
        text-align: left;
        font-size: 70px;
        padding-bottom: 60px;
        padding-top: 60px;
    }

    .team-pics {
        padding-top: 20rem;
    }

    img.hanieka {
        padding-left: 10rem;
        width: 700px;
        padding-bottom: 1rem;
    }

    img.haniekah {
        padding-left: 10rem;
        width: 730px;
        padding-bottom: 1rem;
    }

    img.mia {
        padding-right: 10rem;
        width: 700px;
        padding-bottom: 4rem;
    }

    img.miah {
        padding-right: 10rem;
        width: 730px;
        padding-bottom: 4rem;
    }
    .btn-contact {
        background-color: #003399;
        font-size: 25px;
        line-height: 35px;
        padding: 1, 1, 1, 1.5;
    }

    .btn-contact:hover {
        background-color: rgb(255, 153, 0);
    }

    .contact-left {
        padding-bottom: 4rem;
    }

    img.img-fluid.about-building {
        padding-top: 350px;
        max-height: 80%;
    }

    .col-lg-6.text-lg-left {
        color: white;
    }

    .footer {
        padding-bottom: 1.2rem;
        background-color: #003399;
        text-color: white;
    }

    footer.footer {
        padding-top: 1rem;
    }
}

@media (min-aspect-ratio: 16/9) {
    #about {
        height: 190vh;
    }
    #ourteam {
        height: 190vh;
    }
    #services {
        height: 200vh;
    }
    #contact {
        height: 100vh !important;
    }
}