@charset "utf-8";
/* CSS Document */
.catalogue{
	margin:30px auto;
}
.catalague_pic{
	background-position:center center;
	background-size:cover;
	width:210px;
	height:295px;
	padding-top:223px;
	margin:10px auto;
	cursor:pointer;
	-moz-box-shadow:-4px 4px 12px -2px rgba(20%,20%,40%,0.5);
	-webkit-box-shadow:-4px 4px 12px -2px rgba(20%,20%,40%,0.5);
	box-shadow:-4px 4px 12px -2px rgba(20%,20%,40%,0.5);
	-o-box-shadow:-4px 4px 12px -2px rgba(20%,20%,40%,0.5);
}
.sort{
	position:relative;
	width:auto;
	background-color:#0086dd;
	opacity:0.8;
	padding:8px 15px;
	font:20px 'bebas';
	text-decoration:none !important;
	color:#fff;
	letter-spacing:0.5px;
	text-transform:uppercase;
}
.year{
	background-color:#50bde4;
	opacity:0.8;
	padding:8px 15px;
	font:18px 'bebas';
	text-decoration:none !important;
	color:#fff;
	letter-spacing:0.5px;
}	
a:hover{
		text-decoration:none !important;
}

@media screen and (min-width: 768px){
	.catalague_pic:hover{
		opacity:0.7;
	}
}
@media screen and (min-width: 500px) and (max-width: 767px){
	.cata_box{
		width:50%;
		float:left;
	}
}