@charset "utf-8";
#content{
	margin-top:-25px;
	display:flex;
	justify-content: center;
}

#biere_container{
	max-width:65%;
	filter:drop-shadow(0 -10px 15px rgba(10,10,10,.8));
	display:flex;
	flex-wrap:wrap;
	justify-content: center;
}

#biere_container a{
	text-decoration: none;
	cursor:pointer;
}

.biere_item{
	width:280px;
	height:280px;
	border:1px solid #111;
	display:flex;
	justify-content: center;
	align-items: center;
	overflow-y:hidden;
	overflow-x:hidden;
}

.biere_item img{
	width:100%;
	height:100%;
	
	transition:all .2s ease;
	-o-transition:all .2s ease;
	-moz-transition:all .2s ease;
	-webkit-transition:all .2s ease;
}

@media all and (pointer: fine) and (min-width:420px){
	.biere_item:hover img{
		width:110%;
		height:110%;
	}
}


@media all and (max-width:1450px){
	#biere_container{
		max-width:80%;
	}
}
@media all and (max-width:800px){
	#biere_container{
		max-width:90%;
	}
}
@media all and (max-width:720px){
	#biere_container{
		max-width:100%;
	}
	.parallax-window_short h2{
		font-size: 15vw;
	}
	.parallax-window_short img{
		height: 7vw;
	}
}

@media all and (max-width:600px){
	.biere_item{
		width:200px;
		height:200px;
	}
}
@media all and (max-width:420px){
	.biere_item{
		width:100%;
		border-left:none;
		border-right:none;
		height:auto;
	}
	.biere_item:before{
		content: "";
		display: block;
		padding-top: 100%; 	/* initial ratio of 1:1*/
	}
}