/* Reset */
* {
  margin: 0;
  padding: 0;
}
/* Magic numbers are 15 (col w %) and 7.5 (gutter w %) */
/* The *1px is to convert numbers to px */
/* We'll have to manipulate this a bit */
/**
 * This is the grid system! It has a max-width of 1000px,
 * but will resize the columns based on window width.
 */
body {
  margin: 0 auto;
  width: 1000px;
}
body .grid_container {
  width: 100%;
  max-width: 1000px;
  min-width: 320px;
  margin-right: auto;
  margin-left: auto;
  /**
		 * Clearfix
		 */
}
body .grid_container .column {
  width: 150px;
  /* 150px; */
  margin: 0 10px;
  /* 10px on each side */
  height: 100%;
  float: left;
  *zoom: 1;
  /* For IE 6/7 only */
  /* Elements can span multiple columns: */
  /* 150*2 + 20 */
  /* No gutters for first & last column: */
}
body .grid_container .column.half {
  width: 150px/2 - 10px;
}
body .grid_container .column.one {
  /* Same as column */
}
body .grid_container .column.two {
  width: 320px;
}
body .grid_container .column.three {
  width: 490px;
}
body .grid_container .column.four {
  width: 660px;
}
body .grid_container .column.five {
  width: 830px;
}
body .grid_container .column.six {
  width: 1000px;
  margin: 0 0;
}
body .grid_container .column.alpha,
body .grid_container .column:first-child {
  margin-left: 0;
}
body .grid_container .column.omega,
body .grid_container .column:last-child {
  margin-right: 0;
}
body .grid_container:before,
body .grid_container:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
body .grid_container:after {
  clear: both;
}