html{
	margin:0;
	padding:0;
	overflow-x: hidden;
}

body {
	margin:0;
	padding:0;
	overflow-x: hidden;
	overflow-y: hidden;
	background:white;	
}

#container{
	width:100%; 
	font-family: 'Roboto', sans-serif;
	background:white; 
	float: left; 
}

/**************************************************************************************************************************************************************************************************************************/
/***generic****************************************************************************************************************************************************************************************************************/
/**************************************************************************************************************************************************************************************************************************/
#headerNavContent{ 
	width:100%; 
	position:fixed; 
	top:0; 
	left:0; 
	z-index:14; 
	background: white;
	float:left;
}
	
#middleContent{ 
	width:100%; 
	height:auto; 
	margin-top:220px; 
	background:white; 
	float:left;
}
	
#footerContent{		
	width:100%; 
	height:auto; 
	float:left;
}
/*********************************************************************************************************************************************************************************************************************************************/
/***size1*************************************************************************************************************************************************************************************************************************************/
/*********************************************************************************************************************************************************************************************************************************************/
@media screen and (min-width: 1220px){

#middleContent{ 
	margin-top:220px; 
}
	
}/**@media**/
/*********************************************************************************************************************************************************************************************************************************************/
/***size2*************************************************************************************************************************************************************************************************************************************/
/*********************************************************************************************************************************************************************************************************************************************/
@media screen and (min-width: 1120px) and (max-width: 1219px){
	
#middleContent{ 
	margin-top:200px; 
}
	
}/**@media**/
/*********************************************************************************************************************************************************************************************************************************************/
/***size3*************************************************************************************************************************************************************************************************************************************/
/*********************************************************************************************************************************************************************************************************************************************/
@media screen and (min-width: 1020px) and (max-width: 1119px){
	
#middleContent{ 
	margin-top:200px; 
}
	
}/**@media**/
/*********************************************************************************************************************************************************************************************************************************************/
/***size4*************************************************************************************************************************************************************************************************************************************/
/*********************************************************************************************************************************************************************************************************************************************/
@media screen and (min-width: 920px) and (max-width: 1019px){

#middleContent{ 
	margin-top:200px; 
}
	
}/**@media**/
/*********************************************************************************************************************************************************************************************************************************************/
/***size5*************************************************************************************************************************************************************************************************************************************/
/*********************************************************************************************************************************************************************************************************************************************/
@media screen and (min-width: 820px) and (max-width: 919px){
	
#middleContent{ 
	margin-top:200px; 
}	

}/**@media**/
/*********************************************************************************************************************************************************************************************************************************************/
/***size6*************************************************************************************************************************************************************************************************************************************/
/*********************************************************************************************************************************************************************************************************************************************/
@media screen and (min-width: 720px) and (max-width: 819px){

#headerNavContent{ 
	position:static; 
	padding-bottom: 15px;
}
	
#middleContent{ 
	margin-top:0px; 
}
	
#footerContent{		
	/**keep fixed header/navBar**/
}
	

}/**@media**/
/*********************************************************************************************************************************************************************************************************************************************/
/***size7*************************************************************************************************************************************************************************************************************************************/
/*********************************************************************************************************************************************************************************************************************************************/
@media screen and (min-width: 200px) and (max-width: 719px){

#headerNavContent{ 
	position:static; 
	padding-bottom: 15px;
}
	
#middleContent{ 
	margin-top:0px; 
}
	
#footerContent{		
	/**keep fixed header/navBar**/
}
	
}/**@media**/