/* ===========================================
   PROMOTIONAL BANNER
=========================================== */

.promo-banner {
    margin-top: 0;
    margin-bottom: 80px;
    border-bottom: 1px solid rgba(255, 184, 0, .15);
}

.promo-banner-image{

    position:relative;
    border-radius:20px;
    overflow:hidden;
    background-size:cover;
    background-position: center top;
    min-height:560px;
    display:flex;
    align-items:center;

}

.promo-overlay{

    position:absolute;

    inset:0;
    background: rgba(0,0,0,0.35);
    /*background:linear-gradient(
        90deg,
        rgba(0,0,0,.85) 20%,
        rgba(0,0,0,.45) 60%,
        rgba(0,0,0,.20) 100%
    );*/

}

.promo-content{
    position:relative;
    z-index:2;
    max-width:600px;
    color:#fff;
    padding: 120px 80px;
}

.promo-content h2{
    color: #ffffff;
    font-size: 64px;
    line-height: 1.15;
    font-weight: 800;
    text-transform: uppercase;
}

.promo-description{
    font-size:20px;
    color:#d1d5db;
    line-height:1.8;
    margin-bottom:40px;
}

.promo-btn{
  display: inline-block;
    background: #d9a400;
    color: #000 !important;
    padding: 14px 35px;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none;
    border-radius: 4px;
    margin-top: 25px;
}

.promo-btn:hover {
    background: #f5bd00;
    color: #000 !important;
}

@media(max-width:768px){

.promo-content{

padding:40px 25px;

}

.promo-content h2{

font-size:44px;

}

.promo-description{

font-size:17px;

}

.promo-banner-image{

min-height:420px;

}

}