@media all and (min-width: 768px) {
  body {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    -webkit-transform: translateY(-157.5px);
    -ms-transform: translateY(-157.5px);
    transform: translateY(-157.5px);
    -webkit-transition: top 1s ease;
    -moz-transition: top 1s ease;
    -o-transition: top 1s ease;
    transition: top 1s ease;
    overflow: hidden;
    height: 315px !important;
    min-height: auto !important; }
    body > div#logo {
      margin-top: 0; }
  html#home.background1 {
    background: url(../img/home/1.jpg) no-repeat 50% 50% fixed;
    background-size: cover;
    -webkit-transition: background 1.5s ease-in-out;
    -moz-transition: background 1.5s ease-in-out;
    -o-transition: background 1.5s ease-in-out;
    transition: background 1.5s ease-in-out; }
  html#home.background2 {
    background: url(../img/home/2.jpg) no-repeat 50% 50% fixed;
    background-size: cover;
    -webkit-transition: background 1.5s ease-in-out;
    -moz-transition: background 1.5s ease-in-out;
    -o-transition: background 1.5s ease-in-out;
    transition: background 1.5s ease-in-out; }
  html#home.background3 {
    background: url(../img/home/3.jpg) no-repeat 50% 50% fixed;
    background-size: cover;
    -webkit-transition: background 1.5s ease-in-out;
    -moz-transition: background 1.5s ease-in-out;
    -o-transition: background 1.5s ease-in-out;
    transition: background 1.5s ease-in-out; }
  html#home.backgroundwhite {
    background: url(../img/home/white.jpg) no-repeat 50% 50% fixed;
    background-size: cover;
    -webkit-transition: background 1.0s ease-in-out;
    -moz-transition: background 1.0s ease-in-out;
    -o-transition: background 1.0s ease-in-out;
    transition: background 1.0s ease-in-out; }
  header {
    margin-top: -1px;
    padding-top: 8px; } }