div.gallery {
  	border: 0px solid #00DA00;
	border-radius: 20px;
	margin: 15px;
}

div.gallery:hover {
  	border: 5px solid white;
	border-radius: 20px;
}

div.gallery img {
  	padding: 20px;
	width: 80%;
  	height: 80%;
	border-radius: 40px;
}
div.gallery iframe {
	padding: 15px;
	width: 90%;
	border: 2px solid white;
	border-radius: 40px;
}

div.desc {
  	padding: 15px;
  	text-align: center;
	color: white
}

div.gallery {
  	box-sizing: border-box;
}

.responsive {
  	padding: 10 15px;
  	float: left;
  	width: 25%;
}

@media only screen and (max-width: 700px) {
 .responsive {
   	width: 49.99999%;
    margin: 6px 0;
  }
}

@media only screen and (max-width: 500px) {
 .responsive {
   	width: 100%;
  }
}

.clearfix:after {
  	content: "";
  	display: table;
  	clear: both;
}