.cols {
	display: inline-block;
	vertical-align: top;
	text-align: left;
	width: 50%;
}
.cols>* {
	display: inline-block;
}
.link a {
	display: inline-block;
}
.title a {
	width: 395px;
	height: 41px;
	background-position: right;
	margin-top: 30px;
}
.title .filter {
	border-top-right-radius: 10px;
	border-bottom-right-radius: 8px;
}
.link a span {
	display: none;
}
.image  {
	position: relative;
}
.image span {
	display: none;
}
.demi_pizza {
	width: 387px;
	height: 112px;
	background: URL(demi_pizza.png) center no-repeat;
	background-position: right;
}
.frais {
	position: absolute;
	bottom: 10px;
	right: 10px;
	width: 240px;
	height: 200px;
	background: URL(frais.png) center no-repeat;
}

.pizzas {
	display: inline-block;
	overflow: hidden;
	width: 780px; /* 12 pizzas */
	height: 768px;
	transition: height .5s ease;
}

.pizzas.count1,
.pizzas.count3 {
	height: 192px;
}
.pizzas.count5,
.pizzas.count6 {
	height: 384px;
}
.pizzas.count7 {
	height: 576px;
}

.pizzas .link {
	display: inline-block;
	margin-left: 20px;
	height: 190px;
}
.pizzas .link a {
	width: 240px;
	height: 160px;
	margin-top: 30px;
	background-repeat: no-repeat;
	background-position: bottom;
	position: relative;
}
.pizzas .filter {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
}
.pizzas .link a span {
	width: 240px;
	height: 55px;
	display: inline-block;
	background-position: top;
	background-repeat: no-repeat;
}
.pizzas .link a span span {
	display: none;
}

@media screen and (max-width: 900px) {
	.cols {
		width: 100%;
	}
	.demi_pizza {
		margin-top: 50px;
	}
	.pizzas {
		width: 520px;
	}
	.pizzas.count3 {
		height: 384px;
	}
	.pizzas.count5 {
		height: 576px;
	}
	.pizzas.count7 {
		height: 768px;
	}
	.pizzas.count12 {
		height: 1152px;
	}
}
@media screen and (max-width: 700px) {
	.frais {
		position: static;
	}
}
@media screen and (max-width: 630px) {
	.pizzas {
		width: 260px;
		margin: auto;
	}
	.pizzas.count3 {
		height: 576px;
	}
	.pizzas.count5 {
		height: 960px;
	}
	.pizzas.count7 {
		height: 1344px;
	}
	.pizzas.count12 {
		height: 2304px;
	}
}
@media screen and (max-width: 480px) {
	.title a {
		width: 325px;
	}
	.demi_pizza {
		width: 285px;
	}
}
@media screen and (max-width: 400px) {
	.title a {
		width: 275px;
	}
	.demi_pizza {
		width: 285px;
	}
}
@media screen and (max-width: 340px) {
	.title a {
		width: 175px;
	}
	.demi_pizza {
		width: 124px;
	}
}
#content .off .pizzas {
	height: 0px;
}