/* ======== RESPONSIVE CSS ========= */


/* ===================================================
		MIN WIDTH 
=================================================== */
@media (min-width: 576px) {}

@media (min-width: 641px) {}

@media (min-width: 768px) {}

@media screen and (min-width: 992px) {
    .navbar-collapse {
        justify-content: center;
    }

    .page-template-page-about .splash-bg-img {
        position: absolute;
        max-width: 920px;
        width: 165%;
        transform: translate(-40%);
        top: -10%;
    }

    .page-template-page-meet .splash-bg-img {
        position: absolute;
        left: 50%;
        transform: translate(-100%, -130px);
        width: 1440px;
        z-index: -1;
    }

    .page-template-page-meet .splash .profile {
        height: 392px;
        object-fit: cover;
    }
}

@media screen and (min-width: 1200px) {
    .page-template-page-about .splash {
        padding: 15% 0;
    }

    .news-column {
        padding: 60px 100px 0 !important;
    }
}

@media screen and (min-width: 1300px) {}

@media screen and (min-width: 1400px) {}




/* ===================================================
		MAX WIDTH 
=================================================== */
@media screen and (max-width: 1199px) {
    .page-template-page-lp .splash .profile {
        width: 164px;
        height: 181px;
    }
}

@media screen and (max-width: 991px) {
    .page-template-page-lp header {
        background: rgb(20, 25, 35, 0.9);
    }

    .page-template-page-lp .splash .profile {
        width: 80%;
        height: auto;
    }

    .page-template-page-lp .splash .h2 {
        font-size: 40px;
        padding-top: 15px;
    }

    .page-template-page-lp .splash p {
        font-size: 18px;
    }

    footer .navbar-nav {
        flex-direction: column !important;
    }

    .page-template-page-meet .splash-bg-img {
        position: absolute;
        width: 100%;
        z-index: -1;
        left: 50%;
        bottom: 0;
        transform: translate(-100%, 50%);
    }

}


@media screen and (max-width: 771px) {
    .splash {
        padding: 110px 0 30px;
    }
}

@media screen and (max-width: 640px) {
    #field_submit {
        justify-content: center;
    }

    .splash {
        font-size: 11px;
    }
}

@media screen and (max-width: 600px) {

    /* Reset for Mobile Admin bar */
    body {
        position: initial;
    }
}

@media screen and (max-width: 576px) {}


@media screen and (max-width: 500px) {}

@media screen and (max-width: 450px) {}

@media screen and (max-width: 400px) {}

@media screen and (max-width: 380px) {
    .page-template-page-about .splash h1 {
        font-size: 40px;
    }

    .slide {
        height: 130px !important;
        overflow-y: hidden;
        overflow-x: hidden;
    }
}




/* ===================================================
		MIN - MAX WIDTH 
=================================================== */
@media (min-width: 992px) and (max-width: 1199px) {
    .page-template-page-about .splash {
        padding: 180px 0;
    }

    .page-template-page-about .splash h1 {
        font-size: 60px;
    }
}

@media (min-width: 768px) and (max-width: 1199px) {}

@media (min-width: 768px) and (max-width: 991px) {}