/* style for hero diaporama image */

.hero .wrapper p strong {
    font-weight: 600
}

.hero {
    color: #fff
}

.hero.full-height {
    /* height: 100vh */
}

.hero.medium-height {
    height: 70vh
}

.hero.small-height {
    height: 60vh
}

.hero .wrapper {
    text-align: left;
    height: 100%
}

.hero .wrapper small {
    text-transform: uppercase;
    letter-spacing: 3px;
    display: block;
    margin: 0 0 10px;
    color: #ebd7b2;
    font-weight: 600
}

.hero .wrapper h1,
.hero .wrapper h3 {
    color: #fff;
    font-size: 3.1875rem;
    margin: 0 0 10px;
    font-weight: 700;
    text-transform: uppercase
}

@media (max-width:767px) {
    .hero.full-height {
        /* height: 87vh */
    }
    .hero .wrapper h1,
    .hero .wrapper h3 {
        font-size: 2.25rem
    }
}

.hero .wrapper p {
    font-weight: 400;
    font-size: 1.5rem;
    line-height: 1.4;
    margin-bottom: 0
}

@media (max-width:991px) {
    .hero.full-height,
    .hero.medium-height,
    .hero.small-height {
        min-height: 600px
    }
}

@media (max-width:575px) {
    .hero .wrapper h1,
    .hero .wrapper h3 {
        font-size: 2rem
    }
}

@media (max-width:767px) {
    .hero .wrapper p {
        padding: 0;
        font-size: 1.125rem
    }
}


/*** End Hero ****/