@font-face {
    font-family: 'Archivo';
    src: url('../assets/fonts/Archivo-Regular.eot');
    src: url('../assets/fonts/Archivo-Regular.eot?#iefix') format('embedded-opentype'),
        url('../assets/fonts/Archivo-Regular.woff2') format('woff2'),
        url('../assets/fonts/Archivo-Regular.woff') format('woff'),
        url('../assets/fonts/Archivo-Regular.ttf') format('truetype'),
        url('../assets/fonts/Archivo-Regular.svg#Archivo-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


section.banner-section {
    display: flex;
    align-items: center;
    justify-content: center;
    background: url(../assets/img/westbrookgrove-bg.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 100vh;
}
section.banner-section img.img-fluid.w-100 {
    max-width: 90% !important;
    width: 620px !important;
}
section.banner-section .col-12 {
    text-align: center;
}
section.banner-section h3 {
    font-family: 'Archivo';
    color: #fff;
    margin-top: 55px;
    text-align: center;
    margin-bottom: 0;
    font-weight: normal;
    font-size: clamp(16px, 2.4vw, 29px);
    width: max-content;
    margin-left: auto;
    margin-right: auto;
    padding-left: 34px;
    max-width: 100%;
}

@media (max-width: 1599.98px) {
    section.banner-section img.img-fluid.w-100 {
        width: 520px !important;
    }
}
@media (max-width: 1399.98px) {
    section.banner-section img.img-fluid.w-100 {
        width: 420px !important;
    }
}

@media (max-width: 767.98px) {
section.banner-section h3 {
    padding-left: 0;
}
}