@charset "utf-8";
/*Collections */
.Collections{
	vertical-align: top;
	display: inline-block;
	margin: 2px 0;padding:0;
	width:33%;
	min-width:100px;
	position: relative;
	box-sizing: border-box;
	
}

.Collections a{position: relative;width:100%;display:block;}
.Collections img{max-width:100%;width:100%;margin:0;display:block;}
.Collections a img{border:none;outline:none;}

.Collections h2{
	text-align: center;
	display: block;
	width: 100%;
	bottom: 0px;
	position: absolute;
	z-index: 9999999999999;
	font-family: 'MyFontMed';
	font-size: 28px;line-height:1.3em;
	color: #FFF;
	text-shadow: 0 1px 6px #000;
	box-sizing: border-box;
	padding:10px!important;
	margin:0!important;
}

.Collections a h2{opacity:1;transition: all 2s ease-in-out;background: rgba(0,0,0,0.3);}
.Collections:hover a h2{opacity:1;background: rgba(0,0,0,0.9);}

@media(max-width:1170px){
.Collections{width:49%;}
}

@media(min-width:1171px){
.Collections.Col4, .Collections:nth-child(4){display:none!important;}
}

@media(max-width:500px){
.Collections.Col4, .Collections:nth-child(4){display:none!important;}
}



@media(max-width:1024px){
.Collections h2{font-size:25px;bottom:15px;}
}

@media(max-width:500px){
.Collections h2, .Collections a h2{font-size:20px;opacity:1;}
.Collections{width:99%;}
}


@media(max-width:320px){
.Collections a h2{font-size:16px;}
}