/* Reset CSS
		 * --------------------------------------- */
		body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
		form,fieldset,input,textarea,p,blockquote,th,td {
		    padding: 0;
		    margin: 0;
		}
		a{
			text-decoration:none;
		}
		table {
		    border-spacing: 0;
		}
		fieldset,img {
		    border: 0;
		}
		address,caption,cite,code,dfn,em,strong,th,var {
		    font-weight: normal;
		    font-style: normal;
		}
		strong{
			font-weight: bold;
		}
		ol,ul {
		    list-style: none;
		    margin:0;
		    padding:0;
		}
		caption,th {
		    text-align: left;

		}
		h1,h2,h3,h4,h5,h6 {
		    font-weight: normal;
		    font-size: 100%;
		    margin:0;
		    padding:0;
		}
		q:before,q:after {
		    content:'';
		}
		abbr,acronym { border: 0;
		}
		/* -----
		SVG Icons - svgicons.sparkk.fr
		----- */

		.svg-icon {
		  width: 1em;
		  height: 1em;
		}

		.svg-icon path,
		.svg-icon polygon,
		.svg-icon rect {
		  fill: #4691f6;
		}

		.svg-icon circle {
		  stroke: #4691f6;
		  stroke-width: 1;
		}


		/* Custom CSS
		 * --------------------------------------- */
		body{
			font-family: 'robotobold',arial,helvetica;
			color: #021d43;
		}
		h1{
		    font-family: robotobold;
		    font-size: 98px;
		    letter-spacing: -3px;
		    line-height: 122px;
		    color: #021d43;
		}
		p{
			font-size: 2em;
		}
		em{
			color: #39b5e8;
		}
		.content{
			position: relative;
			top: 50%;
			transform: translateY(-50%);
			text-align: left;
			margin: 0 20%;
		}
		.textright{
			text-align: right;
		}
		.textright h4{
			 margin-left: 40%;
		}
		.textleft{
			text-align: left;
		}
		.textleft h4{
			 margin-right: 40%;
		}
		.title{
			/*position: absolute;*/
		    width: 50%;
		    height: 100%;
		    background: #FFF;
		    /*margin-left: 0%;*/
		    float: left;
		}
		.title div{
			margin-top: 50%;
			margin-right: 10%;
			margin-left: 10%;
		}
		.title p{
			font-size: 10px;
			font-family: 'robotolight',arial,helvetica;
		}
		.title h2{
			font-size: 80px;
			font-family: 'robotobold',arial,helvetica;
			line-height: 90px;
			letter-spacing: -2px;
		}
		.title h4, h4{
		    font-family: 'robotolight',arial,helvetica;
		    width: 60%;
		    font-size: 26px;
		    margin-top: 30px;
		    margin-bottom: 30px;
		}
		.cover{
			/*position: absolute;*/
		    width: 50%;
		    height: 100%;
		    background: url('../kitten-09.jpg') center no-repeat;
		    /*margin-left: 50%;*/
		    float: left;
		}
		header{
			position: fixed;
			z-index: 100;
			height: 100px;
			width: 100%;
			margin: 20px;
			font-family: 'robotobold',arial,helvetica;
			color: #021d43;
			font-size: 26px;
		}
		header em{
			font-family: 'robotolight',arial,helvetica;
			color: #021d43;
		}
		/* Section 1
		 * --------------------------------------- */
		#section0{
			background-color: #FFF;
		}
		


		/* Section 2
		 * --------------------------------------- */
		#section1{
			background-color: #2EBE21;
		}
	


		/* Section 3
		 * --------------------------------------- */
		#section2{
			background-color: #2C3E50;
		}



		/* Animation
		 * --------------------------------------- */
		 #title01{
		 	opacity: 0;
		 }
		.hide {
		    -webkit-animation-name: example; /* Chrome, Safari, Opera */
		    -webkit-animation-duration: 1s; /* Chrome, Safari, Opera */
		    animation-name: example;
		    animation-duration: 1s;
		    animation-fill-mode: forwards;
		}

		/* Chrome, Safari, Opera */
		@-webkit-keyframes example {
		    from {
		    	transform:translate(0,520px);
		    	opacity:0;
		    }
		    to {
		    	transform:translate(0,0px);
		    	opacity: 1;
		    }
		}

		/* Standard syntax */
		@keyframes example {
		    from {
		    	transform:translate(0,520px);
		    	opacity: 0;
		    }
		    to {
		    	transform:translate(0,0px);
		    	opacity: 1;
		    }
		}