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

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

img{max-width:100%;width:auto;height:auto;vertical-align:middle;border:0;}
body{max-width:1200px;background:white;font:normal 100%/1.6 "Microsoft YaHei", "Helvetica Neue", sans-serif;margin:0 auto;padding:3%;}

h1, h2, h3, h4, h5, h6{font-family:inherit;color:#333;font-weight:400;margin-bottom:0.1em;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.15em;}
small{font-size:1em; color:#006cfb;}

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;}

.headspace{padding:0% 0% 4% 0%;}
.textleftcent{max-width:700px;margin:0 auto;padding:2%;}
.textcent{text-align:center;margin:0 auto;padding:2%;}
.textleft{max-width:1200px;padding:2%;}
.colour1{background:#EDEDED;}

/* Navigation simple      */
nav a{text-decoration: none; margin-left:1%;}

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

@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% 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%;}
}