.block-hero{z-index:9999;}
.block-hero .hero-area{overflow:hidden;position: relative;background-size:cover;background-position:center;}
.block-hero .hero-area .hero-content{padding:20rem 5rem;max-width:50%;color:#ffffff;position: relative;z-index:99;opacity:0;transform:translateY(50px);}
.block-hero .hero-area .hero-circle{position:absolute;top:50%;left:0;width:70%;padding-top:70%;background:#024F48;border-radius:10000px;transform:translatex(-100%);opacity:0.7;}

@media(max-width:1200px){
    .block-hero .hero-area .hero-content h2{font-size:2.5rem;}
}

@media(max-width:768px){
    .block-hero .hero-area .hero-content{padding:5rem 2rem;max-width:70%;}
    .block-hero .hero-area .hero-circle{width:100%;padding-top:100%;}
}

@media(max-width:550px){
    .block-hero .hero-area .hero-content{max-width:none;}
    .block-hero .hero-area .hero-circle{transform:none !important;top:0;left:0;border-radius:0px;height:100%;padding-top:0;}
}