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

/* Styling
------------------------------------------------------------------*/
html{margin-top:5%;}
img{max-width:100%;width:auto;height:auto;vertical-align:middle;border:0;}
body{background:#fff;font:normal 100%/1.6 'Open 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:1.0em}

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

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

.headspace{padding:0% 0% 4% 0%;}
.textleftcent{max-width:700px;margin:0 auto;padding:2% 4%;}
.colour1{background:#008ED3;}


/* Columns
^ line = row
^ extent = column
------------------------------------------------------------------*/

@media (min-width: 801px) {
h1{font-size:4.768em;}
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;}

.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% 1.8%;} /* 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%;}

}