.gallery{
	columns: 2;
	margin:50px auto;
	display: flex;
	flex-wrap: wrap;
}

.gallery li {
    margin-bottom: 20px;
	list-style:none;
	width: 50%;
	aspect-ratio:4/3;
	overflow: hidden;
}

.gallery img{
	padding: 10px;
	width:110%;
	height:auto;
	vertical-align: bottom;
}

@media only screen and (max-width: 1000px) {
	#gallery-area {
		padding-bottom: 0;
	}
}

@media only screen and (max-width: 800px) {
	.gallery{
		columns: 1;
		margin:20px auto;
	}	
	
	.gallery li {
		width: 100%;
		padding: 0;
		margin-bottom: 10px;
	}
	
	.gallery li img{
		padding: 0;
	}
	
	#gallery-area {
		margin-top: 0;
	}
	
	.gallery-area {
		padding: 50px 20px 0;
	}
	
}