.clear{
	clear:both;
}

#container{
	width:100%;
	margin:10px auto;
}


div.nomargin{
	margin-right:0px;
}

#container #gallery .pic{
  float:left;		
  border:5px solid #EDEEF0;		
  background-size: 100%; /* Масштабируем фон */
  -o-background-size: 100%;
  -moz-background-size: 100%; 
}



.pic a{
	text-indent:-99999px;
	display:block;
}

@media only screen and (min-width : 1024px) {
	#container #gallery .pic{
	  margin:21px;		
	  width:165px;	
	  height:140px;	
	}

	.pic a{
		width:150px;
		height:160px;
	}
}

@media only screen and (max-width : 1023px) {
	#container #gallery .pic{
		margin: 30px;
		width: 265px;
		height: 240px;
	}

	.pic a{
		width:100%;
		height:100%;
	}
}