/** Base */
.clearfix { *zoom: 1; }
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }
/*********************
BREAKPOINTS (desktop first)
*********************/

html { font-size: 62.5%; }
@media (max-width: 1200px) { html { font-size: 58%; } }
@media (max-width: 1024px) { html { font-size: 55%; } }
@media (max-width: 800px) { html { font-size: 52.5%; } }
h1, h2, h3, h4, h5, h6 { line-height: normal; margin: 20px 0; font-family: 'ItcStoneSansMedium', Arial, sans-serif; }
h1 { font-size: 32px; font-size: 3.2rem; }
h2 { font-size: 24px; font-size: 2.4rem; }
h3 { font-size: 20px; font-size: 2rem; }
h4 { font-size: 17px; font-size: 1.7rem; }
h5 { font-size: 14px; font-size: 1.4rem; }
h6 { font-size: 12px; font-size: 1.2rem; }
p { margin: 15px 0; }