/*****************************************************************************************************************************************************************************************************************************/
/***generic*******************************************************************************************************************************************************************************************************************/
/*****************************************************************************************************************************************************************************************************************************/

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: 'Open Sans', sans-serif;
	background:white; 
	float: left; 
}

/*****************************************************************************************************************************************************************************************************************************/
/***size1*********************************************************************************************************************************************************************************************************************/
/*****************************************************************************************************************************************************************************************************************************/
@media screen and (min-width: 820px){

#headerNavContent{ 
	width:100%; 
	padding-bottom:10px;
	position:fixed; 
	top:0; 
	left:0; 
	z-index:14; 
	background:white; 
	float:left;
}
	
#middleContent{ 
	width:100%; 
	margin-top:220px; 
	background:white; 
	float:left;
}
	
#footerContent{		
	width:100%; 
	float:left;
}
	
}/**@media**/
/*****************************************************************************************************************************************************************************************************************************/
/***size7*********************************************************************************************************************************************************************************************************************/
/*****************************************************************************************************************************************************************************************************************************/

@media screen and (min-width: 200px) and (max-width: 819px){

#headerNavContent{ 
	/**keep fixed header/navBar**/
}
	
#middleContent{ 
	/**keep fixed header/navBar**/
}
	
#footerContent{		
	/**keep fixed header/navBar**/
}
	
}/**@media**/