/* TO GOD BE THE GLORY!
------------------------------------------------*/

/* Styling
------------------------------------------------------------------*/

img{max-width:100%;width:auto;height:auto;vertical-align:middle;border:0;}
body{background:#fff;font:normal 100%/1.6 'Noto Sans', sans-serif;margin:0 auto;}

h1, h2, h3, h4, h5, h6{font-family:inherit;color:#333;font-weight:400;margin-bottom:0.5em;text-rendering:optimizelegibility;}
h1{font-size:3.052em;}
h2{font-size:2.441em;}
h3{font-size:1.953em;}
h4{font-size:1.953em;}
h5{font-size:1.563em;}
h6{font-size:1.563em;}

p, ul, nav{font-size:1.25em;}
small{font-size:0.75em}


a{color:#000;text-decoration:none;}
a:hover, a:focus, a:active{text-decoration:underline;}
hr{border:solid #60D7FC;clear:both;height:0;border-width:2px 0 0;}

.bodycenter{max-width:800px;margin:0 auto;padding:1% 5% 1% 5%;}
.colour1{background:#F0F9FF;}
.colour2{background:#F2FFDE;}
.colour3{background:#FFF4C0;}

.textcentnav{text-align:center;margin:0 auto;padding:1% 3% 2% 3%;}
.textleft{max-width:800px;margin:0 auto;padding:1% 5% 2% 5%;}
.textleft6{max-width:650px;margin:0 auto;padding:1% 5% 2% 5%;}
.textleft10{max-width:1000px;margin:0 auto;padding:1% 5% 2% 5%;}

.textcent{text-align:center;margin:0 auto;padding:0.1% 3% 3% 3%;}
.textmiddle{width:1%;;display:table-cell;vertical-align:middle;text-align:center;padding:0% 5% 2% 5%;}


/* Navigation simple      */
nav a{text-decoration: none;}

/* Columns
^ line = row
^ extent = column
^ 2% padding between columns

3 Layouts 3 banner sizes
------------------------------------------------------------------*/


@media (min-width: 769px) {
h1, h2, h3, h4, h5, h6{font-family:inherit;color:#333;font-weight:800;margin-bottom:0.5em;text-rendering:optimizelegibility;}

h1{font-size:5.96em;}
h2{font-size:3.815em;}
h3{font-size:3.052em;}
h4{font-size:2.441em;}
h5{font-size:1.953em;}
h6{font-size:1.563em;}


}


@media (min-width: 1081px) {
h1{font-size:7.451em;}


p, ul, nav{font-size:1.50em;}

.bodycenter{max-width:800px;margin:0 auto;padding:7% 5% 2% 5%;}

.textcent{text-align:center;margin:0 auto;padding:1% 3% 5% 3%;font-size:1.125em;}
.textmiddle{width:1%;;display:table-cell;vertical-align:middle;text-align:center;padding:0% 5% 2% 5%;font-size:1.125em;}

.line{width:100%;}
.line:before,.line:after{display:table;content:"";line-height:0;}
.line:after{clear:both;}

.line [class*="extent"]{display:block;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;
 margin:0 auto;float:left;padding:0% 2%;} /* space between columns - extents  */

.extent12{width:50%;}
.extent14{width:25%;}
.extent34{width:75%;}
.extent13{width:33.333333%;}
.extent23{width:66.666667%;}
.extent16{width:16.666667%;}
.extent56{width:83.333333%;}
.extent100{width:100%;}


}