html,
body {
  height: 100%;
}

html,
hmtl a {
  width: 100%;
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

body {
  background: #fff;
  color: #000;
  font-weight: 300;
  font-size: 16px;
  font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif; 
  /*font-family: 'Raleway', cursive;*/
  line-height: 28px;

  background-image: url('../img/tile.png');
  background-size: 15%;
  background-repeat: repeat-x;
  background-position-y:-30px;

}

a {
  color: #000000;
  text-decoration: none;
  cursor: pointer;

  -webkit-transition: color 0.1s linear 0s;
  -moz-transition: color 0.1s linear 0s;
  -o-transition: color 0.1s linear 0s;
  transition: color 0.1s linear 0s;
}

a:hover,
a:active,
a:focus {
  outline: 0;
  color: #cccccc;
  text-decoration: none;
}

a img {
  border: none;
}

a > img {
  vertical-align: bottom;
}

img {
  max-width: none;
}

strong {
  font-weight: 500;
}

p {
  margin: 0 0 30px;
}

.main {
  top: 35%;
  width: 100%;
  height: 100%;
  display: table-row;
  vertical-align: center;
  text-align: center;
  align-content: center;
  position: fixed;
}
.header {
  position: relative;
  align-content: center;
  font-size: 40px;
  letter-spacing: 18px;
}
.subheader {
  position: relative;
  font-size: 20px;
  letter-spacing: 19.8px;
  left:2px;
}
.footer {
  width: 100%;
  vertical-align: bottom;
  bottom: 0%;
  align-content: center;
  text-align: center;
  position: fixed;
  font-size: 12px;
  letter-spacing: 1px;
}

.footer > .social{
  font-size: 10px;
  font-weight: lighter;
}

@media (max-width: 400px) {
  body {
    
  
    background-image: url('../img/tile.png');
    background-size: 40%;
    background-repeat: repeat-x;
    background-position-y:0px;
  
  }
}

@media (min-width: 401px) and (max-width: 650px) {
  body {
    
  
    background-image: url('../img/tile.png');
    background-size: 30%;
    background-repeat: repeat-x;
    background-position-y:0px;
  
  }
}

@media (min-width: 651px) and (max-width: 900px) {
  body {
    
  
    background-image: url('../img/tile.png');
    background-size: 20%;
    background-repeat: repeat-x;
    background-position-y:0px;
  
  }
}