section h3 {width:100%;text-align:center;font-size:2em;} 



ul li {list-style-type:none}

.categories li {
	display:inline-block;
	vertical-align:text-top;
	width:147px;
	height:147px;
	margin:0 8px 10px 0;
} 

.categories li a {
	color:#363636;
	display:block;
	margin:auto;
	border:1px solid #a1a1a1;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: 0px 0px 3px 0px #4c4c4c;
	-webkit-box-shadow: 0px 0px 3px 0px #4c4c4c;
	background-color:white;
}

.categories li a span.icon {
display:block;
text-align:center;
width:100%;
height:100px;
}  

.categories li a span.text {
	clear:both;
	text-align:center;
	display:block;
	height:3em;
} 


ul.products {
  display:block;
  margin:auto;
}

.products li {
	display:block;
	width:200px;
	float:left;
	margin:4px;
} 

.products li a {
	color:#363636;
	display:block;
	border:1px solid #a1a1a1;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: 0px 0px 3px 0px #4c4c4c;
	-webkit-box-shadow: 0px 0px 3px 0px #4c4c4c;
	background-color:white;
}
.products li a:hover, .categories li a:hover{
	color:#000000;
	text-decoration:none;
	border:1px solid #000000;
	box-shadow: 1px 1px 4px 1px #232323;
	-webkit-box-shadow: 1px 1px 4px 1px #232323;
}

.products li a span.icon {
display:block;
text-align:center;
width:200px;
height:200px;
}  

.products li a span.text {
  clear:both;
  text-align:center;
  display:block;
  width:100%;
  height:3em;
} 

@media only screen and (min-width: 360px){
ul.products {width:208px;margin:auto} 
ul.categories {width:304px;margin:auto;} 

  
}

@media only screen and (min-width:480px)
{
ul.products {width:416px;margin:auto;} 
ul.categories {width:456px;margin:auto;} 
  
}

@media only screen and (min-width:640px)
{
ul.products {width:624px;margin:auto;} 
ul.categories {width:608px;margin:auto;} 
}



@media only screen and (min-width:960px)
{
ul.products {width:832px;margin:auto;} 
ul.categories {width:912px;margin:auto;} 

  
}

@media only screen and (min-width:1024px)
{
ul.products {width:832px;margin:auto;} 
  
}

@media only screen and (min-width:1240px)
{
ul.products {width:1040px;margin:auto;} 
ul.categories {width:1086px;margin:auto;} 
  
}