.hero{
  width:100%;
  height:300px;
  background:url("images/hero-modern.png") center center no-repeat;
  background-size:cover;
  position:relative;
  margin-bottom:20px;
}

.hero .overlay{
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  padding:16px 22px;
  background:rgba(0,0,0,0.65);
}

.hero h1{
  margin:0 0 6px 0;
  color:#ffffff;
  font-size:26px;
  font-weight:bold;
  letter-spacing:0.5px;
}

.hero p{
  margin:0 0 10px 0;
  color:#eaeaea;
  font-size:15px;
}

a.cta{
  display:inline-block;
  padding:8px 14px;
  background:#7bd000;
  color:#111 !important;
  text-decoration:none;
  font-weight:bold;
  border:1px solid #5ea400;
}

a.cta:hover{
  background:#8eea00;
}