@import 'https://fonts.googleapis.com/css?family=Raleway:300,400,700';
@import 'https://fonts.googleapis.com/css?family=Dosis:700';
@import url('fonts/poetsen_one/stylesheet.css');
/* set font size on the HTML element for REMs */
html,
body {
    font-size:15px;
    color:#333;
    font-family: 'Raleway', sans-serif;
}

.white {
    color:#FFF;
}
a.white:hover,
a.white:active,
a.white:selected,
a.white:visited {
    color:#AAA !important;
}
a.no-underline,
a.no-underline:hover {
    text-decoration:none;
}

.dosis {
    font-family: 'Dosis', sans-serif;
}

/* colours */
a,
.typography h1, 
.typography h2, 
.typography h3, 
.typography h4, 
.typography h5, 
.typography h6, 
.highlight {
    color:#0F5465;
}
a:hover {
    color:#10B6DE;
}

.grey {
    color:#777;
}

a:active {
    text-decoration:none;
}

/* margins */
.typography h1, 
.typography h2, 
.typography h3, 
.typography h4, 
.typography h5, 
.typography h6 {
    margin:20px 0;
    line-height: 1.1;
    font-weight:normal;
    font-family: 'poetsen_oneregular', sans-serif;
}
.typography p,
.typography ul,
.typography ol,
.typography dl {
    margin:20px 0;
}
.typography h1 + p, 
.typography h2 + p, 
.typography h3 + p, 
.typography h4 + p, 
.typography h5 + p, 
.typography h6 + p {
    margin-top:0;
}
.typography p + h1, 
.typography p + h2, 
.typography p + h3, 
.typography p + h4, 
.typography p + h5, 
.typography p + h6,
.typography ul + h1, 
.typography ul + h2, 
.typography ul + h3, 
.typography ul + h4, 
.typography ul + h5, 
.typography ul + h6,
.typography ol + h1, 
.typography ol + h2, 
.typography ol + h3, 
.typography ol + h4, 
.typography ol + h5, 
.typography ol + h6,
.typography dl + h1, 
.typography dl + h2, 
.typography dl + h3, 
.typography dl + h4, 
.typography dl + h5, 
.typography dl + h6,
.typography div + h1, 
.typography div + h2, 
.typography div + h3, 
.typography div + h4, 
.typography div + h5, 
.typography div + h6,
.typography form + h1, 
.typography form + h2, 
.typography form + h3, 
.typography form + h4, 
.typography form + h5, 
.typography form + h6,
.typography table + h1, 
.typography table + h2, 
.typography table + h3, 
.typography table + h4, 
.typography table + h5, 
.typography table + h6,
.typography blockquote + h1, 
.typography blockquote + h2, 
.typography blockquote + h3, 
.typography blockquote + h4, 
.typography blockquote + h5, 
.typography blockquote + h6,
.typography .field + h1, 
.typography .field + h2, 
.typography .field + h3, 
.typography .field + h4, 
.typography .field + h5, 
.typography .field + h6 {
    margin-top:40px;
}


.typography li {
    margin-bottom:5px;
}
.typography dt,
.typography dd {
    padding-left:10px;
}
.typography dt {
    padding:5px 10px;
    font-weight:600;
    color:#333;
    background:#CCC;
}
.typography dd {
    border:1px solid #CCC;
    padding:10px;
    margin:0 0 20px;
}

.typography h1, 
.typography h2, 
.typography h3, 
.typography h4, 
.typography h5, 
.typography h6 {
    font-weight:normal;
    text-shadow:0.1em 0.1em 0 rgba(0,0,0,0.2);
}

/* heading sizes */
h1 {
    font-size:2.2rem;
}
h2 {
    font-size:2.55rem;
}
h3 {
    font-size:2.2rem;
}
h4 {
    font-size:1.8rem;
}
h5 {
    font-size:1.5rem;
}
h6 {
    font-size:1.3rem;
}


/* other sizes */
.tiny {
    font-size:0.65rem;
}
.very-small {
    font-size:0.7rem;
}
.small {
    font-size:0.85rem;
}
.small-medium {
    font-size:0.90rem;
}
.medium {
    font-size:1rem;
}
.medium-large {
    font-size:1.1rem;
}
.large {
    font-size:1.2rem;
}
.extra-large {
    font-size:1.5rem;
}
.xx-large {
    font-size:2rem;
}
.xxx-large {
    font-size:2.5rem;
}
.xxxx-large {
    font-size:3rem;
}
.xxxxx-large {
    font-size:4rem;
}