body {
  color: #000;
}
a:link, a:visited {
   color: #000;
   text-decoration: none;
}
.logo-wrap {
   position: absolute;
   top: 40%;
   width: 100%;
}
.logo-wrap h1, .header h1 {
   text-indent: -9999px;
   background: transparent url(../img/logo.png) 50% 50% no-repeat;
   background-size: contain;
   margin: 0 auto;
   max-width: 386px;
   padding-top: 2.849%;
}
.header {
   padding-top:25.25%;
   background: transparent url(../img/header.jpg) 50% 50% no-repeat;
   background-size: cover;
}
.header h1 {
   width: 311px;
   height: 88px;
   padding: 0;
   margin: -22.5% 0 0 50px;
   background: transparent url(../img/logo2.png) 50% 50% no-repeat;
}
.content {
   margin: 1em 15px 0 50px;
}
form {
   font-size: 14px;
}
input, textarea {
   width: 100%;
   max-width: 600px;
   padding: 10px 5px;
   border: none;
   background: #f1f1f1;
   box-sizing: border-box;
   -moz-box-sizing: border-box;
}
textarea {
   height: 50px;
}
form p {
   max-width: 600px;
}
.checkbox {
   width: auto;
}
.error {
   border: 1px solid red;
}
.footer {
   position: absolute;
   bottom: 2%;
   width: 100%;
   text-align: center;
   color: #000;
}
.footer p {
   font-size: 14px;
   line-height: 1;
   margin: 0;
}
.footer a:link, .footer a:visited{
   color: #000;
   text-transform: uppercase;
}
.footer a:hover, .footer a:active{
   text-decoration: underline;
}
.footer-static {
      position: static;
      padding-top: 3em;
      padding-bottom: 1em;
      clear: both;
   }
@media screen and (max-width: 1023px) {
   .header h1 {
      width: 200px;
      height: 57px;
      background-size: contain;
      margin: -20% 0 0 50px;
   }
}
@media screen and (max-width: 767px) {
   h1 {
      line-height: 1em;
   }
   .logo-wrap h1 {
      width: 80%;
   }
   .header h1 {
      width: 124px;
      height: 35px;
      background-size: contain;
      margin: -20% 0 0 15px;
   }
   .content {
      margin: 1em 15px 0 15px;
   }
   .footer {
      position: static;
      padding-top: 3em;
      padding-bottom: 1em;
   }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
   .logo-wrap {
      height: 200px;
   }
   .logo-wrap h1 {
      width: 60%;
   }
}
@media screen and (min-width: 1200px) {
   .logo-wrap {
      height: 200px;
   }
   .logo-wrap h1 {
      width: 60%;
   }
   .footer {
      bottom: 1%;
   }
}
@media screen and (min-width: 992px) {
   .content-left {
      float:left;
      width: 40%;
   }
   .content-right {
      float:right;
      width: 40%;
   }
   form .content-left {
      width: 48%;
   }
   form .content-right {
      width: 48%;
   }
}