.gallery {
	margin-left: -350px;
	
	}

.gallery img {
	transition:1s;
	padding: 15px;
	width:200px;		
	}
	
.gallery img:hover {
	filter:grayscale(100%);
	transform:scale(1.1);
	
	}

.picturegallerycol{

	width: 100%;

	height:auto;

	float:left;

	margin-left:340px;
	margin-top:-20px;

    

	}
	
@media screen and (min-width: 320px) and (max-width: 480px)  {
	
.gallery {
	margin-left:0px;
	
	
	}
	
.gallery img {
	transition:1s;
	padding: 5px;
	width:100px;		
	}
	
.gallery img:hover {
	filter:grayscale(100%);
	transform:scale(1.1);
	
	}
	
.picturegallerycol{

	width: 100%;

	height:auto;

	margin-left:-10px;
	margin-top:-20px;
	text-align:center;
	

    

	}
	
	
	}