#hero {
  background-image: url('../../images/blue-pattern-bg-light.jpg');
  background-size: 200px;
  padding: 31px 0 34px 0;
}

#hero h1 {
  font-size: 50px;
  margin-bottom: 21px;
}

#hero p {
  font-size: 19px;
  line-height: 1.175;
}

#hero img {
  margin: 0 auto;
}

@media screen and (max-width: 767px ) {
  #hero br {
    display: none;
  }
}

@media screen and (max-width: 567px ) {
  #hero h1 {
    font-size: 2.06666667em;
  }
  #hero p {
    font-size: 1.125em;
  }
  #hero h1 span {
    display:block;
  }
}