/* Adapted from valtronforever/responsive-html-template, css/style.css.
   Original resources: HTML5 Boilerplate, Normalize.css, CSS Tricks.
   Proportional grids by Boon: https://github.com/mattberridge/Proportional-Grids/
   Gutter changed to 24px; obsolete IE hooks removed. Original saved in source-reference/. */
.grid-wrap { margin-left:-24px; overflow:hidden; }
.grid-wrap:before,.grid-wrap:after { content:""; display:table; }
.grid-wrap:after { clear:both; }
.grid { float:left; padding-left:24px; width:100%; box-sizing:border-box; }
.col-full { width:100%; }
.col-one-half { width:50%; }
.col-one-third { width:33.333%; }
.col-two-thirds { width:66.666%; }
.col-one-quarter { width:25%; }
.col-three-quarters { width:75%; }
@media only screen and (max-width:48em) {
.mq2-col-full { width:100%; }
.mq2-col-one-half { width:50%; }
}
@media only screen and (max-width:30em) { .mq3-col-full { width:100%; } }