html {
scroll-snap-type:none;
scroll-snap-points-y:none;
}

.seriebox {
position:relative;
width:auto;
max-width:1200px;
height:auto;
margin:4rem auto;
display:flex;
flex-direction:row;
flex-wrap:wrap;
align-items:center;
align-content:flex-start;
row-gap:2rem;
}
@media only screen and (max-width: 900px) {
	.serie {
	flex-direction:column;
	flex-wrap:nowrap;
	}
}
.flexbreak {
flex-basis:100%;
height:0;
}

.foto {
position:relative;
width:auto;
max-width:25%;
height:auto;
min-height:30rem;
flex-grow:1;
flex-shrink:0;
flex-basis:25%;
display:flex;
align-items:center;
}
@media only screen and (max-width: 900px) {
	.foto {
	max-width:100%;
	flex-grow:1;
	flex-shrink:1;
	flex-basis:100%;
	}
}

.foto img {
max-width:90%;
max-height:90%;
transition:all .5s ease 0s;
margin:auto;
display:block;
}
.foto:hover img {
max-width:95%;
max-height:95%;
}