  
  <style type="text/css"> 
    .thumbs2{
	width:80%;
	text-align:center;
	margin:auto;
	border:black 1px solid;	
}
.thumbs2  img{
	
	width:10%;
	height:auto;
	margin-right:.4em;	
	margin-top:.4em;
	border:gray solid 1px;
	padding:.05em;
	
}
    html,body {
    height:100%;
}
    .pic{
    margin-top:5%;
    width:30%;	
    }
    .picTwo {
    margin-top:8%;	
    }
    .picTwo img{
    width:50%;	
    text-align:center;
    margin:auto;
    }
    .thumbs{
	margin-top:2%;
	text-align:center;
	margin:auto;
	border:1px black solid;
		
}
.medium-3{
margin-top:1%;	
}

.medium-6{
margin-top:1%;	
}
.tinyPic{
	margin-left:1%;
	float:left;	
	border:blue 1px solid;
	width:18%;
}
.tinyPic img{
	max-width:100%;	
}
 @media all and (max-width: 800px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {

.thumbs2{
	width:95%;
}
.thumbs2  img{
	
	width:25%;
	height:auto;
	margin-top:.3em;	
}

@media (max-width: 320px) {
	.click{
	display:none;	
	}
  .thumbs2{
	width:100%;
	margin-left:.6em;
}
.thumbs2  img{
	
	width:100%;
	height:auto;
	margin-top:.3em;	
}
.thumbs  img{
	
	width:100%;
	height:auto;
	margin-top:.3em;	
}
}

 }
 
 </style>