Gallery.css

body{
	background-color:;
}
h1{
	font-family: arial;
	text-align: center;
}
ul{
	float: right;
	list-style-type: none;
	margin:30px;
}
ul li{
	display: inline-block;
}
ul li a{
	text-decoration: none;
	color:blue;
	padding:5px 20px;
	border: 1px solid transparent;
	transition: 0.6s ease; 
}
ul li a:hover{
	background-color:blue;
	color: black;
}
ul li.active a{
	background-color:blue;
	color: black;

}
.main{
	max-width: 1200px;
	margin: auto;
}
.container{
	margin:0 auto;
	max-width: 1000px;
	padding: 20px;
	box-shadow: 0px 0px 50px grey;
	column-count: 3;
	column-gap: 20px;
	column-width: 33.3333%;
	background:#eee;	
}
img{
	width: 100%;
	height: auto;
	margin-bottom: 20px;
}
@media only screen and (min-width: 500px) and (max-width: 750px){
	.container{
		column-count: 2;
		column-width: 50%;
	}
}
@media only screen and (max-width: 499px){
	.container{
		column-count: 1;
		column-width: 100%;
	}
}