body {
   background-image: url(/images/water-horizon-1080p.jpg);
   background-position: center center;
   background-repeat: no-repeat;
   background-attachment: fixed;
   background-size: cover;
   background-color: #464646;
}

@media only screen and (max-width: 767px) {
   body {
      background-image: url(/images/water-horizon-768p.jpg);
   }
}



html,
body,
.container {
   height: 100%;
}


/* Reset */

html,
body,
h1,
p,
a,
div,
section {
   margin: 0;
   padding: 0;
   font-size: 100%;
   font: inherit;
}


/* Basic */

body {
   font: 18px/23px "Lato", sans-serif;
   color: #ffffff;
}

h1 {
   color: #efecec;
   text-transform: none;
   font-size: 80px;
   line-height: 80px;
   font-weight: 100;
   margin-top: 20px;
}

/* Layout */

.container {
   display: table;
   padding-top: 80px;
   width: 100%;
}

.content {
   display: table-cell;
   vertical-align: middle;
   text-align: center;
}


/* Media Queries */

@media (max-width: 640px) {
   body {
      background-image: url(/images/water-horizon-768p.jpg);
   }
   .container {
      position: relative;
      display: block;
      float: left;
      vertical-align: baseline;
      margin: 0 auto;
      padding: 80px 0 0 0;
   }
   body h1 {
      font-size: 48px;
      line-height: 23px;
   }
   .content,
   blockquote {
      display: inline;
      margin: 0 auto;
      padding-top: 80px;
      vertical-align: baseline;
   }
   html,
   body,
   .container {
      height: auto;
   }
}