/*---------- Style for texts ---------- */
/*1 em = 16 px*/


	body{
		font-size: 100%;
		background: #fff;
		margin: 0;
		padding: 0;
	}
	
	h1{
		font-size: 2.5em; /*40px*/
		font-family: 'Oswald', Helvetica Neue, Helvetica, sans-serif;
		color: #000;
		margin:0;
		padding:0;
	}
	
	h2{
		font-size: 1.875em;
		font-family: 'Oswald', Helvetica Neue, Helvetica, sans-serif;
		color: #000;
		margin:0;
		padding:0;
	}
	
	h3{
		font-size: 1.2em;
		font-family: 'Oswald', Helvetica Neue, Helvetica, sans-serif;
		color: #000;
		margin:0;
		padding:0;
	}
	
	h4{
		font-size: 1em;
		font-weight: bold;
		font-family: 'Oswald', Helvetica Neue, Helvetica, sans-serif;
		color: #000;
		margin:0;
		padding:0;
	}
	
	p{
		font-size: 1em;
		font-family: 'Alegreya', serif;
		color: #303030;
		margin:0;
		padding:0;
	}
	
	.text p{
		color: #303030;
		font-family: 'Alegreya', serif;
		font-size: 1em;
		vertical-align: text-top;
	}
	

	a:link ,a:visited{
		color: #666;
		text-decoration: none;
		outline: none;

	}

	a:hover, a:active {
		color: #66c0ec;
		text-decoration: none;
		outline: none;

	}
	
	/* Centered texts in each section
	* --------------------------------------- */
	.section{
		padding:0px 60px 0px 1.6% !important;
		text-align:left;
	}
	

/*---------- Fixed header, container and footer ----------*/


	#header{
		top:0px;
		position:fixed;
		height: 90px;
		width: 100%;
		z-index:9;
		padding: 0;
		background:#fff;
	}
	
	#title	{
		margin:0; 
		padding:0 0 0 1.6%; 
		height: auto;
		width:250px; 
		background:transparent;     
		float:left;
		line-height:90px;		
	}
	
	#title img{
		vertical-align: middle;   
		padding:0;		
	}
	
	#contact {
		margin:0; 
		padding: 0 1.6% 0 0; 
		background:transparent;     
		float:right;
		line-height: 90px;

	}

	#contact img {
		width:40px;
		height:40px;
		padding:0 5px 0 5px;
		vertical-align: middle;
		outline: none;
 	}
	
	#maintenance{
		padding-left: 1.6%;
		padding-bottom: 30px;
		top:90px;
		position: relative; 
		width: 100%; 
		margin: 0; 
	}
	
	
	#pic {
		margin: 90px 0 120px 0;
		padding:0;
		position:absolute;
		left:65%;
		width:20%;
		background:transparent;
	}
	
	#pic img{
		margin:0;
		height: auto;
		width:100%;
	}
	
	.text{
		max-width:60%;
		padding: 100px 0 120px 0;
		top:100px;
	}
	
	.text p{
		padding: 10px 0 10px 0;
	}
		
	#slide-title{
	    bottom:30px;
		position:absolute;
		display: inline;
		height: 90px;
		width: 100%;
		z-index:9;
		padding: 0;
		background:white;
		vertical-align: middle;
		line-height: 90px;
	}
	
	#slide-title-front{
	    bottom:30px;
		position:absolute;
		display: inline;
		height: 90px;
		width: 100%;
		z-index:9;
		padding: 0;
		background:transparent;
		vertical-align: middle;
		line-height: 90px;
	}
		
	#footer{

		bottom:0px;
		position:fixed;
		display:block;
		color:#000;
		height: 30px;
		z-index:9;
		width: 100%;
		background: #fff;
		padding: 0 0 0 1.6%;
		font-size: 0.8em;
		font-weight: regular;
		font-family: 'Alegreya', serif;
		line-height:30px;
	}
	
/* Mobile--------------------------------------- */

	@media only screen and (max-width: 1100px) {
	
	#title	{
		padding:0 0 0 2%;  	
	}
	
	.fp-section, 
	.fp-slide,
	.fp-tableCell{
   /* height: auto !important;*/
	}
	
	#slide-title-front{
		height: auto;
		width: 100%;
	}
	
	#slide-title-front h1{
		color: white;
	}
	
	#slide-title{
	    bottom:0;
		position:relative;
		display: inline;
		height: auto;
		width: 100%;
		z-index:9;
		padding: 0;
	}
	
	.text{
		padding: 0 0 50px 0;
		max-width:100%;
	}
	
	#pic {
		display:block;
		position:relative;
		margin:0;
		padding:0 2% 0 2%;
		top: 0px;
		left:0px;
		width:30%;
		background:transparent;
		
	}
	
	#section0{
	background: black !important;
	}
	
	#section1{
	height: auto !important;
	}
	
	#section2{
	height: auto !important;
	}
	
	.section{
		padding:10px 10% 30px 2% !important;
	}
	
	#maintenance{
		padding-left: 2%;
	}
	
}

	@media only screen and (max-width: 500px) {
		
	#title	{
		padding:0 0 0 1%;  
		width:220px;
		
	}
	
	#pic {
		padding:0 1% 0 1%;
		width:60%;	
	}
	
	#contact {
		padding: 10px 1% 0 0; 
		vertical-align:middle;
		
	}

	#contact img {
		width:30px;
		height:30px;
		padding:0 3px 10px 3px;
		display: block;
	}
	.section{
		padding:10px 10% 30px 1% !important;
	}
	
	#maintenance{
		padding-left: 1%;
	}
}