* {box-sizing: border-box; padding: 0; border: 0; margin: 0;}
html {font-family: "Verdana", "Geneva", sans-serif; font-size: 15px;}

/* Basic formatting */

h1,h2,h3,h4,h5,h6 {padding: 0.3em 0.5em;}
h1 {font-size: 2.5em;}
h2 {font-size: 2em;}
h3 {font-size: 1.5em;}
h4 {font-size: 0.9em;}
h5 {font-size: 0.7em;}
h6 {font-size: 0.5em;}

p {font-size: 1.2em; padding: 0.5em;}

img {max-width: 100%; height: auto;}

.clear {clear: both;}

/* Responsive styles */

[class*="c-"], [class*="m-"] {float: left; padding: 1em; width: 100% /* width for mobile */}

.row:after {content: ""; clear: both; display: block;}

@media only screen and (max-width: 600px) { /* mobile only styles */
    .mobile {display: block;}
}

@media only screen and (min-width: 601px) { /* For tablets: */
	.mobile {display: none;}
	.m-01 {width: 8.33%;}
	.m-02 {width: 16.66%;}
	.m-03 {width: 25%;}
	.m-04 {width: 33.33%;}
	.m-05 {width: 41.66%;}
	.m-06 {width: 50%;}
	.m-07 {width: 58.33%;}
	.m-08 {width: 66.66%;}
	.m-09 {width: 75%;}
	.m-10 {width: 83.33%;}
	.m-11 {width: 91.66%;}
	.m-12 {width: 100%;}
}

@media only screen and (min-width: 768px) { /* For desktop: */
	.c-01 {width: 8.33%;}
	.c-02 {width: 16.66%;}
	.c-03 {width: 25%;}
	.c-04 {width: 33.33%;}
	.c-05 {width: 41.66%;}
	.c-06 {width: 50%;}
	.c-07 {width: 58.33%;}
	.c-08 {width: 66.66%;}
	.c-09 {width: 75%;}
	.c-10 {width: 83.33%;}
	.c-11 {width: 91.66%;}
	.c-12 {width: 100%;}
}