.block-hero{color:#FFFDF8;text-align:center;background-color: #000000;}
.block-hero .hero-area{background-size:cover;background-position:center;position:relative;height:70vh}
.block-hero .hero-area .overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.35);pointer-events:none;}

.block-hero .hero-area .container{position:absolute;top:0;left:50%;transform:translatex(-50%);height:100%;}

.block-hero .hero-area .hero-container{max-width:850px;margin:0 auto;z-index:2;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:calc(100% - 40px);}
.block-hero .hero-area .hero-container *:last-child{margin-bottom:0;}

.block-hero .hero-area .hero-container h1 { font-size: 60px; }

.block-hero .hero-tag{padding:1.5rem 2rem 1rem;text-transform:uppercase;background:var(--brand-orange);display:inline-block;font-weight:600;position:absolute;bottom:0;left:0;color:#FFFDF8;}

.block-hero .slick-dots{position:absolute;bottom:5rem;left:50%;transform:translatex(-50%);list-style-type:none;}
.block-hero .slick-dots li{display:inline-block;margin:0 .5rem;}
.block-hero .slick-dots li button{font-size:0;background:var(--brand-white);width:12px;height:12px;border:none;border-radius:20px;opacity:0.5;cursor:pointer;outline:none;}
.block-hero .slick-dots li.slick-active button{opacity:1;}

@media(max-width:768px){
    .block-hero .hero-area{height:70vw;}

    .block-hero .hero-area .hero-container h1 { font-size: 30px;}
}