* { box-sizing: border-box; }

/* force scrollbar */
html { overflow-y: scroll; }

body { font-family: sans-serif; }

a { text-decoration: none; color: black; }

/* ---- grid ---- */

.grid {
  
}

/* clear fix */
.grid:after {
  content: '';
  display: block;
  clear: both;
}

/* ---- .grid-item ---- */

@media only screen and (max-width: 600px) {
    .grid-sizer,
    .grid-item {
      width: 100%;
    }
}

@media only screen and (max-width: 1200px) and (min-width: 900px) {
    .grid-sizer,
    .grid-item {
      width: 50%;
    }
}

@media only screen and (min-width: 1200px) {
    .grid-sizer,
    .grid-item {
      width: 33.33333%;
    }
}


.grid-item {
  float: left;
}