* {
padding:0;
margin:0;
}

	

html, body {
height:100%;

}



@font-face {
  font-family: 'roboto';
  src: url('../fonts/roboto.eot?') format('eot'), url('../fonts/roboto.woff') format('woff'), url('../fonts/roboto.ttf') format('truetype');
}

@font-face {
  font-family: 'opensans-bold';
  src: url('../fonts/opensans-bold.eot?') format('eot'), url('../fonts/opensans-bold.woff') format('woff'), url('../fonts/opensans-bold.ttf') format('truetype');
}

.skrollr-desktop body {
height:100% !important;

}

	

body {

font-family:sans-serif;

}

	

p {
font-family: 'roboto',Arial,Helvetica, sans-serif;
margin:2em 0;

line-height: 1.3em;
}



h1 {
font-family: 'opensans-bold',Arial,Helvetica, sans-serif;
font-size: 1.75em;
}

h2 {
font-family: 'opensans-bold',Arial,Helvetica, sans-serif;
font-size: 1.5em;
}

li {
margin-left: 2em;
font-family: 'roboto',Arial,Helvetica, sans-serif;
}

ul { 
list-style-type: disc; 
list-style-position: inside;
line-height: 1.3em;
padding-bottom: 10px; 
}

ol { 
list-style-type: decimal; 
list-style-position: inside; 
}

ul ul, ol ul { 
list-style-type: circle; 
list-style-position: inside; 
margin-left: 15px; 
}

ol ol, ul ol { 
list-style-type: lower-latin; 
list-style-position: inside; 
margin-left: 15px; 
}

sup {
font-size: 75%;
top: -0.5em;
position: relative;
}

.parallax-image-wrapper {
position:fixed;
left:0;
width:100%;
overflow:hidden;
}

	

.parallax-image-wrapper-50 {
height:50%;
top:-50%;
}

	

.parallax-image-wrapper-100 {
height:100%;
top:-100%;
}

	

.parallax-image {
display:none;
position:absolute;
bottom:0;
left:0;
width:100%;
background-repeat:no-repeat;
background-position:center;
background-size:cover;
}

.parallax-image-50 {
height:200%;
top:-50%;
}

.parallax-image-100 {

height:100%;
top:0;
}

.parallax-image.skrollable-between {

display:block;
}

.no-skrollr .parallax-image-wrapper {
display:none !important;
}

#skrollr-body {

height:100%;
overflow:visible;
position:relative;
}

.gap {
background:transparent center no-repeat;
background-size:cover;

}

	

.skrollr .gap {
background:transparent !important;
}

	

.gap-50 {
height:50%;
}

.gap-100 {
height:100%;
}



.header, .content {
background:#fff;
padding:1em;
border-top: 20px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}

.content-full {
height:100%;
}

	

#done {

height:10%;
}

.ytwrap {
float: left;
width: 310px;
padding-bottom: 20px;
}

.clear{
clear: both;
}

.parag{
margin-top: 40px;
margin-bottom: 60px;
}

.coloured-line{
width: 100%;
height: 6px;
margin-top: 10px;
}