.herosection{position:relative;background-size:cover;background-position:50%;height:60vh;display:flex;align-items:center;justify-content:center;color:#fff}.herosection .overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080}.herosection .content{position:relative;text-align:center;z-index:2;padding:0 20px;display:flex;flex-direction:column;align-items:center;justify-content:center}.herosection .content .title{font-size:3rem;margin-bottom:1rem;text-shadow:0 .2rem .8rem #fff6}.herosection .content .subtitle{max-width:1200px;font-size:1rem;margin-bottom:1rem;text-shadow:0 .2rem .8rem #fff9}@media(max-width:768px){.herosection{height:60vh}.herosection .content{padding:0 10px}.herosection .content .title{font-size:2.5rem}.herosection .content .subtitle{font-size:.9rem}}@media(max-width:480px){.herosection{height:65vh}.herosection .content .title{font-size:1.9rem}.herosection .content .subtitle{font-size:.8rem}}@media(max-width:320px){.herosection{height:80vh}.herosection .content .title{font-size:1.7rem}.herosection .content .subtitle{font-size:.7rem}}