html{height:100%;font-size:24px}
body{height:100%;box-sizing:border-box;background:#eee}
#page{width:528px;min-height:100%;height:auto;margin:0 auto}
#layout{width:528px;margin:0 auto}
#content{width:528px;margin:0 auto}
#boxposition{width:528px;margin:0 auto;position:fixed;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
#boxborder{width:528px;margin:0 auto;border:5px solid #222;background:#fff}
#boxcontent{width:480px;margin:0 auto;padding:24px 0 12px 0}
#background1{position:fixed;top:0;left:0;z-index:-100;min-height:100%;height:auto;min-width:600px;width:100%;background-size:cover;background-image:url(../images/cover.jpg);background-position:center center;background-repeat:no-repeat}
h1{font-size:2em;line-height:1.6em;font-family:"Rammetto One",Helvetica,Arial,sans-serif;vertical-align:middle;color:#222}
h2{font-size:1.4em;line-height:1em;font-family:"Baloo Tamma",Helvetica,Arial,sans-serif;vertical-align:middle;color:#222}
h3{font-size:1.1em;line-height:1.1em;font-family:"Nunito Sans",Helvetica,Arial,sans-serif;vertical-align:middle;color:#222}
h4{font-size:1em;line-height:1.5em;font-family:"Nunito Sans",Helvetica,Arial,sans-serif;vertical-align:middle;color:#222}
h5{font-size:1em;line-height:1.5em;font-family:"Nunito Sans",Helvetica,Arial,sans-serif;vertical-align:middle;color:#222}
p{font-size:.9em;line-height:1.3em;font-family:"Nunito Sans",Helvetica,Arial,sans-serif;vertical-align:middle;color:#222}
ul{font-size:.9em;line-height:1.3em;font-family:"Nunito Sans",Helvetica,Arial,sans-serif;vertical-align:middle;color:#222}
ol{font-size:.9em;line-height:1.3em;font-family:"Nunito Sans",Helvetica,Arial,sans-serif;vertical-align:middle;color:#222}
h1{text-align:center;margin:0}
h2{text-align:center;margin:0 0 1em 0}
h3{text-align:center;margin:1em 0 1em 0;font-weight:700}
h4{text-align:center;margin:2em 0 .5em}
h5{text-align:center;margin:0 0 .5em}
p{text-align:left;margin:0 0 1em}
ul{text-align:justify;margin:0 0 1em}
ol{text-align:justify;margin:0 0 1em}
.bold{font-weight:700}
.italic{font-style:italic}
.red{color:#F00}
.green{color:#090}
.superscript{font-size:.8em;vertical-align:baseline;position:relative;top:-.4em}
.subscript{font-size:.8em;vertical-align:baseline;position:relative;top:.4em}
.clearboth{clear:both}
.pixel{width:100%;height:100%}
.socialicon{width:1.5em;height:1.5em;vertical-align:text-bottom}
.textcentre{text-align:center}
.textleft{text-align:left}
.textright{text-align:right}
.textjustify{text-align:justify}
.nobr{white-space:nowrap}
.contactinline{display:inline-block;width:6em}
.contactindent{margin-left:9em}
.screenonly{display:inherit}
.printonly{display:none}
.picture{background-size:cover;background-position:center center;background-repeat:no-repeat}
.corner{border-radius:9px}
.border{border:5px solid #222}
.margintop{margin-top:1em}
#content ol{list-style-type:decimal}
#content ol li{margin-left:2em;margin-bottom:.5em}
#content ul{list-style-type: disc}
#content ul li{margin-left:2em;margin-bottom:.5em}
#content a:link{color:#222;text-decoration:none}
#content a:visited{color:#222;text-decoration:none}
#content a:hover{color:#06c;text-decoration:none}
@media only screen and (max-width : 499px) {
html{font-size:14px}
#page{width:308px}
#layout{width:308px}
#content{width:308px}
#boxposition{width:308px}
#boxborder{width:308px}
#boxcontent{width:280px;padding-top:14px;padding-bottom:7px}
#background1{background-image:url(../images/cover500.jpg)}
}
@media only screen and (min-width : 500px) and (max-width : 899px) {
html{font-size:18px}
#page{width:396px}
#layout{width:396px}
#content{width:396px}
#boxposition{width:396px}
#boxborder{width:396px}
#boxcontent{width:360px;padding-top:18px;padding-bottom:9px}
}
@media only screen and (min-width : 900px) {
html{font-size:24px}
#page{width:528px}
#layout{width:528px}
#content{width:528px}
#boxposition{width:528px}
#boxborder{width:528px}
#boxcontent{width:480px;padding-top:24px;padding-bottom:12px}
}