*{ font-family: Arial, Verdana; text-align: center; }
h1, p, a{ color: #fff; }
h1{ font-size: 28px; }

.content-wrapper{
   position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px;
   background: url(../img/bg.jpg) no-repeat center center;
   background-size: cover;
}
.overlay{ background: rgba(0,0,0,0.5); position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; }
.content{ width: 100%; height: 100%; max-width: 1200px; margin: 0 auto; position: relative; padding: 0 30px; box-sizing: border-box; }

.logo{ position: relative; margin: 0 auto; width: 100%; padding-top: 15vw; }
.logo img{ width: 100%; }

.download a{ text-decoration: none; font-size: 32px; }

.contact{ position: absolute; left: 30px; right: 30px; bottom: 3vw; }
.contact-info i{ font-size: 25px; }
.contact-info{ font-size: 16px; line-height: 31px; }


@media (min-width: 768px) {
   .logo{ width: 80%; padding-top: 100px; }
   .text{ position: relative; width: 70%; margin: 0 auto; }
   .content{ max-width: 900px; }
}


@media (min-width: 1024px) {
   .logo{ width: 80%; padding-top: 100px; }
   .text{ position: relative; width: 70%; margin: 0 auto; }
}