@font-face {
  font-family: 'scottsdale';
  src: url('../fonts/scottsdale.woff2') format('woff2'),
       url('../fonts/scottsdale.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
html,body { background: #333333; }
#logo {
  color: #0033ff;
  font: 380% 'scottsdale', Arial, sans-serif!important;
  font-family: 'scottsdale', Arial, sans-serif;
  text-shadow: -3px 3px 0 #ffcc00;
  display: block;
  padding-left: 16px!important;
}
#logo, nav {
  background-color: #000;
}
.card {
  float:left;
}
.card,
.card-sizer { width: 25%; min-height: 200px; margin: 5px; }
/*
.cards-container {
  display: flex;
  flex-wrap: row wrap;
}
.card {
  max-width: 25%;
  max-height: 1000px;
  margin: 10px 5px;
}
@media only screen and (max-width: 600px) {
  .cards-container {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
  }
}
@media only screen and (min-width: 601px) {
  .cards-container {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
  }
}
@media only screen and (min-width: 993px) {
  .cards-container {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
  }
}
*/