body {
  color: #fff;
}
a:link, a:visited {
   color: #fff;
   text-decoration: none;
}
.logo {
   background: transparent url(../img/logo.png) 50% 50% no-repeat;
   background-size: contain;
   position: absolute;
}
.social {
   text-align: center;
   position: absolute;
   width: 63px;
   position: absolute;
}
.social img {
   display: inline-block;
}
.soon {
   position: absolute;
   top: 40%;
   width: 100%;
}
.soon h1 {
   text-indent: -9999px;
   background: transparent url(../img/coming_soon.png) 50% 50% no-repeat;
   background-size: contain;
   margin: 0 auto;
   max-width: 654px;
   padding-top: 8.29%;
}
.cycle {
   position: absolute;
   bottom: 3%;
   width: 100%;
}
.cycle h2 {
   text-indent: -9999px;
   background: transparent url(../img/cycle_like_we_do.png) 50% 50% no-repeat;
   background-size: contain;
   margin: 0 auto;
   width: 60%;
   max-width: 343px;
   padding-top: 4.3%;
}
@media screen and (max-width: 767px) {
   h1 {
      line-height: 1em;
   }
   .logo {
      width: 120px;
      height: 100px;
      top: 2%;
      left: 5%;
   }
   .social {
      top: 5.25%;
      right: 5%;
   }
   .soon h1 {
      width: 80%;
   }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
   .logo {
      width: 193px;
      height: 160px;
      top: 3%;
      left: 5%;
   }
   .social {
      top: 8.25%;
      right: 5%;
   }
   .soon {
      height: 200px;
   }
   .soon h1 {
      width: 60%;
   }
}
@media screen and (min-width: 1200px) {
   .logo {
      width: 15%;
      max-width: 229px;
      padding-top: 8.29%;
      top: 5%;
      left: 10%;
   }
   .social {
      top: 10.25%;
      right: 10%;
   }
   .soon {
      height: 200px;
   }
   .soon h1 {
      width: 60%;
   }
}