:root {
    --teal: #4a9b8c;
    --brown: #3d2b1a;
    --teal-dk: #357a6d;
    --off-white: #f8f5f0;
    --cream: #f2ede6;
    --text-dark: #2c2016;
    --text-mid: #5a4535;
    --clr-white: #fff;
}

body.about-page {
    background-color: #fff;
    font-family: 'Raleway', sans-serif;
    color: var(--text-dark);
    padding-top: 70px;
    /* Navbar space */
}

.breadcrumb-nav-wrap {
    padding: 106px 0;
    background-position: bottom !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

.hero__desc {
    font-size: 15px;
    font-weight: 300;
    line-height: 1.9;
    color: rgba(255, 255, 255, 0.75);
    min-width: 550px;
    margin-bottom: 48px;
    opacity: 0;
    animation: fadeUp 0.8s ease 1.2s forwards;
}