html {

}

body {
  background: #969696;
  background-size: cover;
}


@media screen and (min-width: 1400px) {
  #primary { width:100%; }
  #secondary { width:100%; margin:0; border:none; }
  }
}
@media screen and (min-width: 1600px) {
  #primary { width:100%; }
  #secondary { width:100%; margin:0; border:none; }
  }
}
@media screen and (min-width: 1900px) {
  #primary { width:100%; }
  #secondary { width:100%; margin:0; border:none; }
  }
}

/* Media Queries: Tablet Landscape */
@media screen and (max-width: 1060px) {
    #primary { width:67%; }
    #secondary { width:30%; margin-left:3%;}
}

/* Media Queries: Tabled Portrait */
@media screen and (max-width: 768px) {
    #primary { width:100%; }
    #secondary { width:100%; margin:0; border:none; }
}







h1 {
  font-family:monospace;
  color: #323232;
}


h2 {
  font-family:monospace;
  color:white;
}


h4 {
  font-family:monospace;
}


a {
  font-family:monospace;
  color: #fa009e;
}


b {
  font-family:monospace;
}


@keyframes slide {
  0 {
    transform:translateX(-25%);
  }
  100% {
    transform:translateX(25%);
  }
}