/**14-aug-23**/
/**barkers**/
/******************************************************************************************************************************************************************************************************************************/
/******************************************************************************************************************************************************************************************************************************/
/******************************************************************************************************************************************************************************************************************************/
html{
	margin:0;
	padding:0;
	overflow-x: hidden;
}

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

#container{
	width:100%; 
	font-family: 'Open Sans', sans-serif;
	float: left; 
}

/******************************************************************************************************************************************************************************************************************************/
/***size1**********************************************************************************************************************************************************************************************************************/
/******************************************************************************************************************************************************************************************************************************/
/**captures all appart from mobile**/
@media screen and (min-width: 820px){
#headerNavContent{ 
	width:100%; 
	position:fixed; 
	top:0; 
	left:0; 
	z-index:14; 
	background:white; 
	float:left;
}
	
#middleContent{ 
	width:100%; 
	margin-top:170px; 
	background:white; 
	float:left;
}
	
#footerContent{		
	width:100%; 
	float:left;
}

}/**@media**/
/******************************************************************************************************************************************************************************************************************************/
/***middle size****************************************************************************************************************************************************************************************************************/
/******************************************************************************************************************************************************************************************************************************/
@media screen and (min-width: 820px) and (max-width: 1219px){
/**controls size between wide and mobile**/
#middleContent{ 
	margin-top:104px; 
}

}
/******************************************************************************************************************************************************************************************************************************/
/***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**/