#homepage-hero {
  background: url(../img/contact-1024.jpg);
  background-size: 100%;
  height: 650px;
  text-align: left;
  position: relative;
  background-repeat: no-repeat;
  padding: 100px 20px 0 20px; }
  @media screen and (max-width: 768px) {
    #homepage-hero {
      padding: 40px 5px 30px 5px;
      height: 300px;  } }

  @media screen and (max-width: 1024px) and (min-width: 769px) {
    #homepage-hero {
      height: 350px; } }
  #homepage-hero h1 {
    font-size: 4em;
    color: #fff;
    font-weight: 500;
    margin-bottom: 0;
    line-height: 100%; }
    @media screen and (max-width: 768px) {
      #homepage-hero h1 {
        font-size: 50px; } }
  #homepage-hero h4 {
    font-size: 1.35em;
    color: #fff;
    font-weight: 300; }
  #homepage-hero h3 {
    color: #fff; }
    @media screen and (max-width: 768px) {
      #homepage-hero h3 {
        font-size: 18px;
        line-height: 28px; } }