/* CSS Document */


#index-menu { text-align:center; }
	#index-menu li { position:relative; display:inline-block; margin:0 0.5% 1% 0.5%; width:11%; vertical-align:top; text-align:center; }
	#index-menu a { display:block; background-size:cover; background-position:center; border:solid 3px #ddd; border-radius:10px; transition:border-color 0.2s linear; }	
		#index-menu a:before { content:""; display:block; padding-top:100%; }		
		#index-menu a:hover  { border-color:#B20000; }
	
	#index-menu h4  { padding-top:10px; margin:0; color:#55504A; font-size:1em; font-weight:normal; }		



/* ==========================================================================
   Media Queries Products
   ========================================================================== */ 


@media only screen and (max-width:1150px) {	

}

@media only screen and (max-width:900px) {	

	#index-menu li { width:22%; }
}


@media only screen and (max-width:800px) {
	
}

@media only screen and (max-width:680px) {	

	#index-menu li { margin:0 2% 2% 2%; width:28%; }
	
}

@media only screen and (max-width:590px) {	

	#productsPage li  { margin:4%; width:90%; }		
}

@media only screen and (max-width:450px) {	

	#index-menu li { width:45%; }
}