//
// SLIM BANNER
// --------------------------

.hero-banner.slim-banner {
    padding: 80px 15px;
    background-color: $agave-green;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url('../images/agave-slim-banner.png'); // default banner
    max-height: 250px;
    
    @include breakpoint(medium down) {
        padding: 55px 15px;
    }
    
    h1 {
        color: #fff;
        font-size: 63px;
        line-height: 1.1;
        font-weight: 700;
        text-transform: uppercase;
        text-align: center;
        margin-bottom: 0;
        
        @include breakpoint(small down) {
            font-size: 45px;
        }
    }
    
} // .hero-banner