*{
	box-sizing:border-box;
	padding:0;
	margin:0;
	font-family:"Comic Sans";
}

.heading{
	text-align:center;
	font-size:30px;
	border-bottom:2px black solid;
	border-left:2px black solid;
	border-right:2px black solid;
	border-radius:75px;
	box-shadow: 20px 10px 20px #00FF00 inset;

}

div.gallery{
	border:1px solid #ccc;
	box-shadow:2px 2px 4px black;
}

div .gallery img{
	width:100%;
	height:300px;
}

div .gallery:hover{
	border:1px solid black;
	box-shadow:3px 3px 3px 3px aqua;
	
}

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

.responsive{
	padding:20px 6px;
	float:left;
	width:25%;
}





/* MOBILE CODE */

@media only screen and (max-width:768px){
	*{
		box-sizing:border-box;
		padding:0;
		margin:0;
		font-family:"Comic Sans";
		
	}
	
	.heading{

		text-align:center;
		font-size:30px;
		border:1px aqua solid;
		border-radius:75px;
		box-shadow: 5px 10px 18px blue inset;
	}

	.responsive{
		padding:10px;
		width:50%;
		margin:6px 0;
	}
	
	 div .gallery:hover{
	font-weight:bold;
	
    }
}

@media only screen and (max-width: 500px) {
  .responsive {
	  padding:10px;
    width: 100%;
  }
  
  div .gallery:hover{
	font-weight:bold;
	
 }
}