*
{
	box-sizing: border-box;
}

.conrainer
{
	width: 80%;
	margin: 0px auto;
}

.gallery a img 
{
    width: 33.33%;	
    height:300px;
    background: #fff;
    float:left;
	padding: 7px;
    -webkit-box-shadow: 0px 0px 33px 0px rgba(199,199,199,1);
    -moz-box-shadow: 0px 0px 33px 0px rgba(199,199,199,1);
    box-shadow: 0px 0px 33px 0px rgba(199,199,199,1);
}

@media only screen and (max-width: 767px) 
{
	
.conrainer
{
	width: 95%;
}
	
.gallery a img 
{
    width: 100%;	
    height:250px;
    background: #fff;
    -webkit-box-shadow: 0px 0px 33px 0px rgba(199,199,199,1);
    -moz-box-shadow: 0px 0px 33px 0px rgba(199,199,199,1);
    box-shadow: 0px 0px 33px 0px rgba(199,199,199,1);
}
	
}