.gallery-background{
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 160px;
    margin-bottom: 50px;
} 
.gallery-inner{
    width: 80%;
    display: flex;
    flex-direction: column;
}

h1{
	text-align: center;
	margin-top: 40px;
	font-size: 20px;
	font-family: sans-serif;
	color: #08023B;
}
.gallery{
	width: 100%;
	height: 80%;
	display: flex;
	margin: 2% auto 0;
	box-sizing: border-box;
}
.image-box{
	margin: 0 1%;
	flex-grow: 1;
	flex-basis: 0;
	transition: .5s;
}
.image-box img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: .5s;
}
.image-box:hover{
	flex-basis: 50%;
}
.active{
	/*flex-basis: 50%;*/
}

.gallery:hover .active{
	flex-basis: 0;
}
.image-box:nth-child(1):hover{
	flex-basis: 50%;
}





@media only screen and (max-width:600px){


}