/* Thumbnails
–––––––––––––––––––––––––––––––––––––––––––––––––– */

	/*.thumbs {width: calc(100% + 20px);
    overflow: hidden;
    margin-left: -10px;}*/

	.thumbs img {width:100%; display: block;}

	.thumbs * {
		-webkit-transition: all 0.6s ease;
		-o-transition: all 0.6s ease;
		transition:all 0.6s ease;
	}

	.thumbs > div {
		padding: 0;
		margin: 5px;
		box-sizing: border-box;
		position: relative;
		overflow: hidden;
		 }

		 .thumbs a {cursor:pointer;}

	.thumbs.showcase a {color:#fff;}
	.thumbs.showcase img {position: relative;}
	.thumbs.showcase .txt {
		position: absolute;
		bottom: 0;
		padding: 20px;
		background: #000;
		background: rgba(0,0,0,0.5);
		width: calc(100% - 40px);
		background: -webkit-linear-gradient(bottom,rgba(255,0,0,0),rgba(0,0,0,1)); /*Safari 5.1-6*/
		background: -o-linear-gradient(bottom,rgba(255,0,0,0),rgba(0,0,0,1)); /*Opera 11.1-12*/
		background: -moz-linear-gradient(bottom,rgba(255,0,0,0),rgba(0,0,0,1)); /*Fx 3.6-15*/
		background: linear-gradient(to bottom, rgba(255,0,0,0), rgba(0,0,0,1)); /*Standard*/

  }


	.thumbs .txt { padding:40px;}
	.thumbs h4 {margin:0; font-weight:normal; padding: 0;}
	.thumbs.desc h4 {padding:1em 0;}
	.thumbs.desc div .txt{background:none; color:inherit; padding:8px 0;}
	.thumbs.nodesc div .txt{background:#000;/*fallback*/background:rgba(0,0,0,0.5); color:#fff; }
	.thumbs.nodesc div:hover .txt {background:#0099cc; /*fallback*/ background: rgba(0, 153, 204, 0.8); }
	.thumbs a {color:inherit; display:block;}


@media (max-width: 800px) {
	.thumbs > div {
		margin: 10px 0 10px 0;
	}

}