body {
   background-image: url('../../images/back.jpg');
   background-repeat: no-repeat;
   background-size: contain;
   background-position: center;
   background-attachment: fixed;
}
.container {
   position: absolute;
   width: 100%;
   height: 100%;
}

header {
   position: absolute;
   right: 10%;
   top: 10%;
   text-align: center
}

h1 {
   color: white;
   font-family: 'life-savers';
   font-size: 18px;
   margin-bottom: 10px;
   font-weight: 100;
}


footer {
   position: absolute;
   bottom: 5%;
   left: 50%;
   transform: translate(-50%, 0%);
}

   footer p {
      color: white;
      text-align: center;
      font-size: 12px;
      font-family: 'opensanscondensed';
      opacity: 0.3;
   }

   footer a {
      display: block;
      text-align: center;
      min-height: 40px;
      padding-bottom: 20px;
   }

      footer a img {
         width: 25px;
         height: 25px;
         color: white;
         background: white;
         filter: invert(100%);
         opacity: 0.1;
         margin-top: 8px;
      }



.hide {
   display: none;
   visibility: hidden;
   opacity: 0;
}

.show {
   display: block;
   visibility: visible;
   opacity: 0.7;
}


/*a.hide {
      display: none;
}

a.show {
      display: block;
}*/