/* CSS Document */
@charset "utf-8";

@import url(https://fonts.googleapis.com/css?family=Istok+Web|Abel);

*                   { margin: 0; padding: 0; }
body, html          { background: #fff; color: #000; font-size: 16px; }
h2, h3, h4          { font-family: 'Abel', sans-serif; }
h3                  { padding: 0.6325rem; background: #333; color: #fff; font-weight: normal; }
p                   { font-family: 'Istok Web', sans-serif; margin-bottom: 15px; }
p:last-child        { margin-bottom: 0; }
a                   { color: #b52106; text-decoration: none; }

header              { padding: 0.6325rem; height: auto; background: #333; color: #fff; }
header p            { font-family: 'Abel', sans-serif; font-size: 1.5em; margin-bottom: 0; }
#main               { width: 100%; height: auto; background: #fff; color: #000; min-height: 600px; }
.content            { width: 980px; overflow: auto; margin: 0 auto; }

.wrapper            { width: 98%; margin: 1% 1% 1.250em; }
.responsive         { height: auto; overflow: auto; display: flex; display: -webkit-flex; display: -ms-flexbox; flex-wrap: wrap; }
.border             { border: 1px solid #666; }

p.heading           { font-size: 1.25em;  }
.box100             { border: 1px solid #666; }
.box50              { width: 48%; margin: 1%; }
.box50 img          { width: 100%; display: block; }
.box25              { width: 23%; margin: 1%; font-size: 85%; }
.box                { padding: 0.6325em; height: auto; overflow: auto; }
.grey               { background: #efefef; }

ul                  { list-style: none; margin-bottom: 15px; }
ul li               { margin-left: 20px; list-style: square; line-height: 1.2; font-family: 'Istok Web', sans-serif; }

.features           { clear: both; font-family: 'Istok Web', sans-serif; font-size: 100%; border-bottom: 1px dotted #333; height: auto; overflow: auto; }
.features:last-child { border-bottom: none; }
.left               { float: left; padding: 5px 0; }
.right              { float: right; padding: 5px 0; }
.button             { clear: both; font-family: 'Istok Web', sans-serif; font-size: 100%; padding: 0.6325rem; background: #333; color: #fff; text-align: center; display: block; text-decoration: none; }

@media screen and (max-width: 63em) {

header              { text-align: center; }         
.content            { width: 96%; margin: 0 2%; }
.box50              { width: 98% !important; margin-bottom: 20px; }      
.box25              { width: 48% !important; margin-bottom: 20px; }
}

@media screen and (max-width: 25em) {

	body {
		/* font-size: 150%; */ 
	}

	.codrops-icon span {
		display: none;
	}

}