/* RESET - http://meyerweb.com/eric/tools/css/reset/ */
html, body, applet, object, iframe, svg, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, figure,
header, footer, figure, details, hgroup, section, article, nav, aside, picture, main{
  margin:0; padding:0; border:0; outline:0; font-size:100%; font-weight:inherit; font-style:inherit;
  font-family:inherit; text-decoration:inherit; background:transparent; vertical-align:baseline;
}
header, footer, figure, details, hgroup, section, article, nav, aside, picture, main{display:block;}
img, object, audio, video{max-width:100%;}
svg, select{width:100%;}

/* BOX SIZING FIX - https://css-tricks.com/box-sizing/ */
html{box-sizing:border-box;}
*, *:before, *:after{box-sizing:inherit;}

/* BASIC STYLE */
body{background:#2C3D43; color:#fff; font-family:'Open Sans', helvetica, arial, verdana, sans-serif; padding:20px; text-align:center; font-size:1rem;}
table{border-collapse:collapse; border-spacing:0; width:100%;}
strong{font-weight:700;}
em{font-style:italic;}
p{margin-bottom:1em;}
.no-li{list-style-type:none;}
.no-li li{margin-bottom:0;}

/* CLEARFIX */
.cl:before, .cl:after{content:" "; display:table;}
.cl:after{clear:both;}
.cl{*zoom:1;} /* IE6/7 */

/* TYPOGRAPHY */
.h1{font-size:1.875rem}		/* 16x1.875 = 30px */
.h2{font-size:1.375rem}		/* 16x1.375=22 */
.h3{font-size:1.125rem}		/* 16x1.125=18 */
.h4{font-size:9375rem} 		/* 16x0.9375=15 */
.size{font-size:.875rem} 	/* 16x0.875=14 */
.small{font-size:.75rem}	/* 16x0.875=12 */