body {
  width: 100wh;
  height: 90vh;
  color: #fff;
  background: linear-gradient(-45deg, #000001, #282828, #000001, #282828, #000001, #282828);
  background: -moz-linear-gradient(-45deg, #000001, #282828, #000001, #282828, #000001, #282828);
  background: -webkit-linear-gradient(-45deg, #000001, #282828, #000001, #282828, #000001, #282828);
  background: -ms-linear-gradient(-45deg, #000001, #282828, #000001, #282828, #000001, #282828);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#282828', endColorstr='#0e0e0e',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */


  background-size: 200% 200%;
  -webkit-animation: Gradient 15s ease infinite;
  -moz-animation: Gradient 15s ease infinite;
  animation: Gradient 15s ease infinite;
}

@-webkit-keyframes Gradient {
  0% {
    background-position: 0% 50%
  }
  50% {
    background-position: 100% 10%
  }
  100% {
    background-position: 0% 50%
  }
}

@-moz-keyframes Gradient {
  0% {
    background-position: 0% 50%
  }
  50% {
    background-position: 100% 10%
  }
  100% {
    background-position: 0% 50%
  }
}

@keyframes Gradient {
  0% {
    background-position: 0% 50%
  }
  50% {
    background-position: 100% 50%
  }
  100% {
    background-position: 0% 50%
  }
}

h1,
h2,
h3,
h6 {
  font-family: 'Lato';
  font-weight: 300;
  text-align: center;
  right: 0;
  left: 0;
}

a {
  color: #FFFFFF;
  text-decoration: none;
  font-family: 'Lato';
  font-weight: 300;
}

a:active {
  color:#FCF1B2;
}

a:hover {
  color:#FCF1B2;
  font-weight: bold;
}

a:visited {
  color:white;
  font-weight: 300;
}

.logoContainer{
  width: 100%;
  text-align: center;
}

.logo{
  padding-top: 0px;
  width: 300px;
}

.siteThumb{
  display: -webkit-inline-box;
  text-align: center;
  vertical-align: top;
}

.siteThumbImg{
/*  width: 150px;
*/  height: 250px;
}














/* =========================================  
=========================================  
  Media Queries 769
============================================ 
=========================================   */
@media (min-width: 768px) and (max-width: 1024px) {


  .logo{
    padding-top: 75px;
    width: 300px;
  }

  .siteThumb{
    text-align: center;
    
  }

  .siteThumbImg{
  /*  width: 150px;
  */  height: 200px;
  }



}

/* =========================================  
=========================================  
  END Media Queries 769
============================================ 
=========================================   */
























/* =========================================  
=========================================  
  Media Queries 769
============================================ 
=========================================   */
@media only screen and (max-width : 768px) {


  .logo{
    padding-top: 75px;
    width: 300px;
  }

  .siteThumb{
    width: 100%;
    display: inline-block;
  }

  .siteThumbImg{
  /*  width: 150px;
  */  height: 275px;
  }



}

/* =========================================  
=========================================  
  END Media Queries 769
============================================ 
=========================================   */