.hero{background:#10b0e1;background:linear-gradient(#57c3bb,#2eb7d0,#10b0e1);overflow:hidden;padding:170px 0 180px;position:relative;z-index:1}.hero .bg{position:absolute;right:0;top:0;z-index:-1}.hero h1{color:#fff;font-size:50px;font-weight:600;line-height:1.2;margin-bottom:50px;z-index:1}.hero h1 span{-webkit-text-stroke-width:1px;-webkit-text-stroke-color:#fff;color:transparent;display:inline-block;font-size:22px;font-weight:600;letter-spacing:4px;margin-top:20px}.hero .banner{display:block;margin-bottom:30px;max-width:200px}@media (min-width:480px){.hero h1 span{font-size:30px}}@media (min-width:768px){.hero{padding:250px 0 260px}.hero h1,.hero h1 span{font-size:50px}}@media(min-width:965px){.hero .wrapper{align-items:center;display:flex;justify-content:space-between}.hero .banner{margin-bottom:0;max-width:250px}}@media (min-width:1024px){.hero{align-items:center;display:flex;height:100vh;justify-content:center;max-height:100vh;padding:0}.hero h1,.hero h1 span{font-size:60px}}@media (min-width:1400px){.hero .banner{max-width:300px;width:300px}}@media (min-width:1600px){.hero .banner{max-width:325px;width:325px}}@media (min-width:1024px) and (min-height:700px){.hero .bg{right:4%;top:-20%}}@media (min-width:1024px) and (min-height:768px){.hero .bg{right:3%;top:-15%}}@media (min-width:1024px) and (min-height:992px){.hero .bg{right:2%;top:-5%}}@media (min-width:1024px) and (min-height:1024px){.hero .bg{right:0;top:0}}