body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#1b2a49}

.topbar{text-align:center;font-size:38px;font-weight:600;padding:18px 0 8px}
.social{text-align:center;font-size:20px;margin-bottom:10px}

.hero-wrap{width:100%;display:flex;justify-content:center}

.hero{
  position:relative;
  max-width:1400px;
  width:100%;
}

.hero img{width:100%;display:block}

.text{position:absolute;left:9%;top:54%;width:32%}
.text h1{font-size:42px;margin:0 0 20px}
.text ul{list-style:none;padding:0;margin:0 0 25px;font-size:20px}
.text li{margin-bottom:10px}

.btn{background:#e87722;color:#fff;padding:16px 44px;text-decoration:none;font-size:20px;border-radius:6px;display:inline-block}

@media(max-width:1024px){
  .text{top:58%;width:38%}
}

@media(max-width:768px){
  .text{position:static;width:auto;padding:30px 20px}
}