.hero-section{color:#fff;background:#000;padding:50px 40px 50px 40px}
.hero-section-inner{background-image:linear-gradient(rgba(0,0,0,0.1),rgba(0,0,0,0.8));background-position:left;color:#fff;padding:120px 40px 80px 70px;margin:10px 50px 0 50px}
.hero-section h2{font-size:42px;font-weight:700;margin-bottom:15px}
.hero-section p{font-size:20px;opacity:.9;margin:0 auto 30px;line-height:35px;text-align:left}
.hero-section .cta a{display:inline-block;background:#fff;color:#048;padding:14px 34px;border-radius:30px;text-decoration:none;font-weight:600;transition:all .3s ease}
.hero-section .cta a:hover{background:#e6f0ff}
@media(max-width:1024px){.hero-section{padding:40px 30px}
.hero-section-inner{padding:100px 30px 60px 50px;margin:10px 30px 0 30px}
.hero-section h2{font-size:36px}
.hero-section p{font-size:18px;line-height:30px}
.hero-section .cta a{padding:12px 28px}
}
@media(max-width:768px){.hero-section{padding:30px 20px}
.hero-section-inner{padding:60px 25px 40px 25px;margin:10px 15px 0 15px}
.hero-section h2{font-size:30px;margin-bottom:12px}
.hero-section p{font-size:17px;line-height:28px;margin:0 auto 25px}
.hero-section .cta a{padding:12px 26px;font-size:15px}
}
@media(max-width:480px){.hero-section{padding:20px 15px}
.hero-section-inner{padding:50px 20px 30px 20px;margin:5px 10px 0 10px}
.hero-section h2{font-size:24px;margin-bottom:10px}
.hero-section p{font-size:16px;line-height:26px;margin:0 auto 20px}
.hero-section .cta a{padding:10px 22px;font-size:14px}
}