/* General Styles */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

h1, h2, h3, h4, h5, p, span, li, a, input, textarea {
    font-family: 'Montserrat', sans-serif !important;
    color: #0D3458;
}
html {
    overflow-x:  hidden;
}
/* Header Styles */
header .logo img {
    max-width: 20rem;
    height: 4rem;
}
header .nav ul {
    display: flex;
    list-style: none;
}
header .nav-link {
    text-transform: uppercase;
    color:#0D3458;
    padding: 0 5px;
}
header svg {
    color: #F58870;
}
.hamburger svg {
    color:#0D3458;
    margin-right: -1rem;
}
.hamburger {
    display: none;
    cursor: pointer;
}
/* Header Responsive */
@media screen and (max-width: 1000px) {
    header .logo img {
        max-width: 15rem;
    }
    header .nav a, header .nav p {
        font-size: 14px;
    }
}
@media screen and (max-width: 768px) {
    .desk-menu {
        display: none !important;
    }
    .hamburger {
        display: block;
    }
    .header-contacts .facebook {
        display: none;
    }
    .header-contacts .instagram {
        display: none;
    }
    .header-contacts .call {
        display: none;
    }
}
@media screen and (max-width: 400px) {
    header .logo img {
        width: 11rem;
    }
}
@media screen and (max-width: 300px) {
    header .header-container {
        flex-direction: column;
    }
    header .nav {
        margin-right: 0 !important;
    }
}
/* Home */
    /* Banner */
    .home-banner {
        background-image: url('img/home-banner.jpg');
        background-repeat: no-repeat;
        background-position: center;
        height: 89vh;
        background-size: cover;
    }
    .home-banner .banner-in-container {
        height: 89vh;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .home-banner img.scroll-arrow {
        height: 15vh;
    }
    .home-banner h1 {
        color: #fff;
        text-transform: uppercase;
        font-size: 50px;
        font-weight: 500;
    }
    .home-banner h2 {
        color: #fff;
        font-size: 35px;
        font-weight: 300;
    }
    .home-banner p {
        color: #F58870;
        text-transform: uppercase;
        font-size: 30px;
        font-weight: 600;
    }
    .home-banner a:hover{
        text-decoration: none;
    }
    /* Banner Responsive */
    @media screen and (max-width: 768px) {
        .banner-in-container {
            padding: 0 5px;
        }
        .home-banner h1 {
            font-size: 35px;
        }
        .home-banner h2 {
            font-size: 25px;
        }
        .home-banner p {
            font-size: 20px;
        }
        .home-banner img.scroll-arrow {
            height: 10vh;
        }
    }
    /* About */
    .home-about {
        padding: 4rem 0;
    }
    .home-about h1 {
        color: #F58870;
        font-size: 30px;
        font-weight: 600;
        margin-bottom: 2rem;
    }
    .home-about p {
        color: #0D3458;
        font-size: 18px;
        font-weight: 300;
    }
    .home-about .bio-area {
        margin-top: 5rem;
    }
    .home-about .luke-image {
        height: 75vh;
        width: 100%;
        object-fit: cover;
    }
    .home-about .bio-area h2 {
        font-weight: 500;
        color: #F58870;
        font-size: 28px; 
        margin-bottom: 1rem;
    }
    .home-about .bio-area h3 {
        font-weight: 300;
        color: #F58870;
        font-size: 20px; 
        margin-bottom: 1rem;
    }
    .home-about .bio-area p {
        font-weight: 300;
        color: #0D3458;
        font-size: 18px; 
    }
    /* About Responsive */
    @media screen and (max-width: 992px) {
        .home-about .bio-area {
            flex-direction: column;
        }
        .home-about .luke-image {
            height: 50vh;
            object-fit: contain;
            text-align: left;
            width: auto;
            margin-bottom: 2rem;
        }
        .home-about .bio-area .pl-5 {
            padding-left: 0 !important;
        }
    }
    @media screen and (max-width: 768px) {
        .home-about h1 {
            font-size: 25px;
        }
        .home-about p {
            font-size: 16px;
        }
    }
    @media screen and (max-width: 576px) {
        .home-about .luke-image {
            width: 100%;
            object-fit: cover;
            height: 30vh;
        }
    }
    /* Services */
    .home-services {
        background: rgb(249,166,131);
        background: linear-gradient(158deg, rgba(249,166,131,1) 17%, rgba(125,83,66,1) 129%);
        padding: 5rem 0;
    }
    .home-services h1 {
        color: #fff;
        font-size: 30px;
        text-transform: uppercase;
        margin-bottom: 3rem;
        font-weight: 600;
    }
    .home-services p {
        font-size: 18px;
        font-weight: 200;
        color: #fff;
    }
    
    /* Facilities */
    .home-facilities {
        padding: 5rem 10rem;
    }
    .home-facilities h1 {
        text-align: center;
        color: #F58870;
        font-weight: 500;
        font-size: 25px;
        text-transform: uppercase;
        margin-bottom: 5rem;
    }
    .home-facilities .facilities-image.schools {
        object-fit: cover;
        height: 40vh;
        width: 100%;
    }
    .home-facilities .facilities-image.med {
        object-fit: cover;
        height: 40vh;
        width: 100%;
    }
    .home-facilities .facilities-image.corp {
        object-fit: cover;
        height: 40vh;
        width: 100%;
    }
    .home-facilities .facilities-image.churches {
        object-fit: cover;
        height: 40vh;
        width: 100%;
    }
    .home-facilities h2 {
        color: #0D3458;
        font-weight: 600;
        font-size: 20px;
        text-transform: uppercase;
    }
    .home-facilities p {
        color: #0D3458;
        font-weight: 300;
        font-size: 16px;
    }
    /* Facilities Responsive  */
    @media screen and (max-width: 768px) {
        .home-facilities {
            padding: 5rem 0;
        }
        .home-facilities .row:nth-of-type(odd) {
            flex-direction: column-reverse;
        }
        .home-facilities .row:nth-of-type(even) {
            flex-direction: column;
        }
        .home-facilities .pl-5, .home-facilities .pr-5 {
            padding-left: 0 !important;
            padding-right: 0 !important;
        }
        .home-facilities .col-md-6 {
            padding: 0;
            margin-bottom: 1rem;
        }
        .home-facilities .col-md-6 img {
            margin-bottom: 1rem;
        }
    }
    @media screen and (max-width: 600px) {
        .home-facilities {
            padding: 5rem 2rem;
        }
    }
    /* Location */
    .home-location {
        padding: 5rem 10rem;
    }
    .home-location h1 {
        color: #F58870;
        font-size: 25px;
        font-weight: 600;
        text-transform: uppercase;
        margin-bottom: 1rem;
    }
    .home-location h2 {
        color: #F58870;
        font-size: 20px;
        font-weight: 300;
        margin-bottom: 1rem;
    }
    .home-location img {
        max-width: 100%;
    }
    /* Location Responsive */
    @media screen and (max-width: 768px) {
        .home-location {
            padding: 5rem 0;
            padding-top: 0;
        }
        .home-location .row {
            flex-direction: column;
        }
        .home-location img {
            margin-top: 1rem;
        }
    }
    /* Contact Styles */
    .home-contact {
        background: linear-gradient(158deg, #0D3458 146%, #030A12 129%);
        padding: 5rem 0;
    }
    .home-contact h1 {
        color: #F58870;
        font-weight: 600;
        font-size: 25px;
        margin-bottom: 1rem;
    }
    .home-contact p {
        color: #fff;
        font-weight: 300;
        font-size: 18px;
        margin-bottom: 1rem;
    }
    .home-contact form {
        margin-top: 3rem;
    }
    .home-contact form input, .home-contact form textarea {
        width: 100%;
        background: transparent;
        border: 1px solid #fff;
        color: #fff;
        padding: 10px 15px;
        margin-bottom: 1rem;
        font-weight: 200;
    }
    .home-contact form input::placeholder, .home-contact form textarea::placeholder {
        color: #fff;
        font-weight: 200;
    }
    .home-contact form input.submit {
         width: auto;
         border: none;
         text-transform: uppercase;
    }
    /* Footer Banner Styles */
    .home-foot-image {
        background-image: url('img/home-foot-banner.jpg');
        background-repeat: no-repeat;
        background-size: cover;
        height: 20vh;
    }
    /* Footer Styles */
    footer {
        background-color:#0D3458;
        padding: 2rem 0;
    }
    footer svg {
        color: #fff;
    }
    footer .footer-call p {
        color: #fff;
        font-weight: 200;
        margin-bottom: 0;
        font-size: 14px;
    }
    footer .copyright p {
        color: #fff;
        font-weight: 200;
        margin-bottom: 0;
        font-size: 12px;
    }
    /* Footer Responsive */
    @media screen and (max-width: 768px) {
        footer div.col-sm-12 {
            padding-left: 15px !important;
        }
        footer .copyright {
            margin-top: 10px;
        }
        footer .footer-cta-icons {
            justify-content: start !important;
            margin-top: 10px;
        }
    }