*{margin:0; padding:0; box-sizing: border-box;}
a, img {border:none;outline:none}
a[href$=".pdf"]:before {content: "\f1c1"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; color: #0e3056; font-size: 18px; padding-right: 0.5em;}
a[href$=".doc"]:before {content: "\f1c2"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; color: #0e3056; font-size: 18px; padding-right: 0.5em;}

/* Scroll to Top */
.scrollToTop{padding:.2em .5em; font-size: 1.4em; background: #396a84; border-radius: 3px; color: #fff; text-decoration: none; position: fixed; bottom: 20px; right: 20px; display: none;}
.scrollToTop:hover{text-shadow: 0 2px 2px rgba(0,0,0,.7); box-shadow: 0 8px 4px -3px rgba(0,0,0,.3); bottom:22px;}
.scrollToTop:active{text-shadow: 0 2px 2px rgba(0,0,0,0); box-shadow: 0 5px 4px -3px rgba(0,0,0,.3); bottom:21px;}

/* Responsive iFrames (Youtube vids) */
.responsiveIframe {	position: relative;	padding-bottom: 56.25%; /* 16:9 */	padding-top: 25px;	height: 0; margin:0 0 20px 0;}
.responsiveIframe iframe {	position: absolute;	top: 0;	left: 0; width: 100%; height: 100%;}

/* Responsive Table */
.responsiveTable, .responsiveTable thead, .responsiveTable tbody, .responsiveTable th, .responsiveTable td, .responsiveTable tr {display: block; width: 100%;}
.responsiveTable thead tr {position: absolute; top: -9999px; left: -9999px;}
.responsiveTable tr, .contactTable th{ border: 1px solid #ccc; }
.responsiveTable td {border: none;border-bottom: 1px solid #eee; position: relative; max-width:100%;}
.responsiveTable td:before {content: attr(data-label); position: relative; padding-right:1em; white-space: nowrap; font-weight:600;}

/* Grid */
.gridrow:after{content: ""; display: table; clear: both;}
.col-all{width: 100%;}
.col-1-4{width: 100%;}
.col-1-3{width: 100%;}
.col-1-2{width: 100%;}
.col-2-3{width: 100%;}



@media (min-width: 768px) {
/* Responsive Table */
.responsiveTable{font-size:1em; width:100%; border-collapse:collapse;}
.responsiveTable td,.responsiveTable th{max-width:20%; padding:.5em; text-align:left;}
.responsiveTable tr:nth-of-type(even){background:#f8f8f8;}
[class*='col-'] {float: left; padding: 10px; min-height:50px;}
/* Grid */   
.col-all{width: 100%;}
.col-1-4{width: 25%;}
.col-1-3{width: 33.33%;}
.col-1-2{width: 50%;}
.col-2-3{width: 100%;}
}