@charset "utf-8";
/* Default stylesheet for www.whinernet.co.uk */

/* Reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var,
b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure,  footer, header, 
hgroup, menu, nav, section, summary, time, mark, audio, video {margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;}
body { line-height:1;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
nav ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:''; content:none;}
a {margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent;}
ins {text-decoration:none;}
del {text-decoration: line-through;}
abbr[title], dfn[title] {border-bottom:1px dotted; cursor:help;}
table {border-collapse:collapse; border-spacing:0;}
hr {display:block; height:1px; border:0; margin:1em 0; padding:0;}
input, select {vertical-align:middle;}

/* Begin styles */
a {color: #008fce; text-decoration: none;}
a:hover {color: #008fce; text-decoration: underline;}

body {font-family: 'Open Sans', sans-serif;font-size: 1em;color: #1a1a1a;}
header {float: left; width: 100%; padding: 60px 0 30px 0;}
header img {margin: 0 auto; display: block;}

section {float: left; width: 100%; padding: 30px 0 60px 0;}
section h1 {font-size: 1.6em; font-weight: 400; line-height: 125%; padding-bottom: 30px; text-align: center;}
section p {font-size: 1.1em; font-weight: 300; line-height: 160%; padding-bottom: 15px; text-align: center;}

footer {float: left; width: 100%; padding: 30px 0; border-top: 1px solid #d2d2d2;}
footer p {font-size: 0.8em; font-weight: 300; line-height: 145%; padding-bottom: 15px; text-align: center; color: #777777;}

.inner {width: 1200px; margin: 0 auto;}

@media screen and (max-width: 1244px) {
.inner {width: 97%;}
}

@media screen and (max-width: 344px) {
header img {width: 100%; height: auto;}
}