.backgroundCover {
    background-size: cover;
    background-position: center;
    height: 60vh;
}

.backgroundText {
    display:flex;
    align-items:center;
    justify-content:center;
    height:100%;
    flex-direction:column;
}

.backgroundText h1 {
    color:#fff;
    font-family: 'the-seasons';
    font-size: 6rem;
    text-align:center;
    font-weight:600;
    text-transform: uppercase;
}

.introPara {
    color: #fff;
    font-size: 1.6rem;
}

.footer {
    background: #c7b09c;
    color: #fff;
}

.footer a {
    color: #fff;
    border-color: #fff;
}

.headerSection {
    background: #fff;
    width: 100%;
}

.headerLogo {
    width:100%;
    max-height: 300px;
    text-align:center;
}

.headerLogo img {
    max-height: 300px;
}

.headerStrip {
    background: #c7b09c;
    height:5px;
}


.footerSocials h4 {
    font-family: 'Source Serif Pro', serif;
    margin-bottom:2rem;
    font-weight:400;
}

@media (max-width:768px) {
    .introPara {
        font-size:1.5rem;
        text-align:center;
    }
}


.imageGrid .col img {
    object-fit: cover;
    width: 100%;
    aspect-ratio: 1 / 1;
    margin-bottom: 40px;
}

.imageGrid {
    max-width: 1200px;
    margin: 40px auto;
}