header.masthead {
  position: relative;
  background-color: #ffffff;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  padding-top: 8rem;
  padding-bottom: 8rem;
}

header.masthead .overlay {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  opacity: 0.3;
}

@media (min-width: 768px) {
  header.masthead {
    padding-top: 12rem;
    padding-bottom: 12rem;
  }
}

@media only screen and (max-width: 767px) and (min-width: 0px) {
    header.masthead {
        background: none;
        padding-top: 2rem;
        padding-bottom: 0rem;
  	}

    #form1 {
        margin-top: 50px;
    }
}