#hero .info h1 {
  text-transform:uppercase;
  position:relative;
  font-size:120%;
}
#hero .info h2 {
  color:#fff;
}
#hero .info p {
	color:#fff;
  text-shadow: 2px 2px 1px black;
}
#hero:before {
    content: "";
    background: #02366499;
    position: absolute;
    top: 0;
    left: 0;
  	width:100%;
  height:100%;
  z-index:0;
}
#hero .wp-block-columns {
	z-index:10;
}

#hero {
    background-size: cover;
    background-position: center;
	position:relative;
}

@media screen and (min-width:720px) {
	#hero .info h1 {
      font-size:5rem;
	}
  #hero .info h2 {
    font-size:3.5rem;
  }
  #hero .info p {
    font-size:2.5rem;
  }
}