/* Hey check it out! I made this! I'm awesome! coded '14 by basti | bastiaigner.com | crococoding.com */
@import url('reset.css');

div#wrapper {
	min-height: 100%;
	margin-left: auto;
	margin-right: auto;
	
	
}


body {
	
background: #f8f8f8; /* Old browsers */
background: -moz-linear-gradient(top,  #f8f8f8 0%, #d8d8d8 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(100%,#d8d8d8)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f8f8f8 0%,#d8d8d8 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f8f8f8 0%,#d8d8d8 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f8f8f8 0%,#d8d8d8 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f8f8f8 0%,#d8d8d8 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#d8d8d8',GradientType=0 ); /* IE6-9 */

}


#wrapper #nav {
	width: 100%;
	height: 80px;
	

}

#nav {
	display: table;
	table-layout: fixed;
	width: 100%;
	height: 80px;
}

#nav a {
	display: table-cell;
	width: 2%;
	height: 80px;
	line-height: 80px;
	text-align: center;
	font-size: 26px;
	text-decoration: none;
	color: #eb3d00;
	font-size: 24px;
	font-family: "HelveticaNeue-Thin", "Helvetica Neue Thin", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}

figure.image_container img {
	width: 100%;
	min-width: 100%;
	max-width: 100%;
	overflow: hidden;
	
}


figure.image_container {
	width: 100%;
	min-width: 100%;
	max-width: 100%;
	
	overflow: hidden;
	height: 250px;
}


.mod_customnav ul { /* footer menu */ 
	display: table;
	width: 100%;
	height: 60px;
	margin: 50px 0px;
}

.mod_customnav ul li {
	display: table-cell;
	width: 2%;
	text-align: center;
	height: 60px;
	line-height: 60px;
	font-size: 16px;
	text-decoration: none;
	color: #747474;
	font-family: "HelveticaNeue-Thin", "Helvetica Neue Thin", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}

.mod_customnav ul li a{

	height: 60px;
	line-height: 60px;
	font-size: 16px;
	text-decoration: none;
	color: #747474;
	font-family: "HelveticaNeue-Thin", "Helvetica Neue Thin", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}


div.mod_article {
	
	margin: 70px 0px 70px 0px;
	
}

div.mod_article img {
	zoom: 50%;
}



div.ce_download a {

	font-size: 18px;
	color: #eb3d00;
	margin: 10px 30px 40px 30px;
	
}

div.ce_download {
	padding: 0px 25px;
}






div.ce_text h1 {

	font-size: 36px;
	color: #eb3d00;
	margin: 10px 30px 40px 0px;
	
}


div.ce_text p {
	margin: 15px 0px;
}


div.ce_text ul, div.ce_text ol {
	list-style-type: circle;
	padding-left: 40px;	
}


div.ce_text a, div.ce_text a:hover, div.ce_text a:visited, div.ce_text a:active, div.ce_text a:link {

	text-decoration: none;
	color: #eb3d00;
	
}

div.ce_text {
	padding: 0px 25px;
}





div.ce_text .main_content_wrapper img.float_right {
	
	margin: 15px 0px 15px 35px;
}

div.ce_text .main_content_wrapper img.float_left {
	
	margin: 15px 35px 15px 0px;
}

div.ce_text .main_content_wrapper * {
	text-align: justify;
	font-size: 18px;
	color: #2e2e2e;
	
	line-height: 28px;
}


@media all and (min-width: 1025px) {
	  div#wrapper {
		  width: 80%;
	  }
}



@media all and (max-width: 700px) {


	div.ce_text {
		padding: 0px 10px;
	}


	

	  div#wrapper {
		  width: 100%;
	  }
	  
	  #nav a {
		  display: block;
		  width: 100%;
		  margin: 0;
		  padding: 0;
		  text-align: center;
		  height: 50px;
		  line-height: 50px;
		  font-size: 18px;
	  }
	  
	  #nav {
		  height: auto;
	  }
	  
	  div.ce_text h1 {

	 font-size: 28px;
	
	 }
	  
	  
	div.ce_text .main_content_wrapper p {
		font-size: 16px;	
		line-height: 20px;
	}
	
	div.ce_text .main_content_wrapper p, div.ce_text .main_content_wrapper li {
		font-size: 16px;	
		line-height: 20px;
	}
	
	
	div.ce_download {
		margin-top: 40px;
	}
	
	div.mod_article {
	
		margin: 30px 0px 30px 0px;
	
	}
	
	
	figure.image_container {
	width: 100%;
	min-width: 100%;
	max-width: 100%;
	
	overflow: hidden;
	height: 150px;
}

	
}