/* --- Stylesheet 4240 () --------- */ 

.T2728 .maxwidth:after {
	display: block;
	content: "";
	clear: left;
}


.T2728 .element {
	position: relative;
	width: 200px;
	height: 150px;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: cover;
	float: left;
	box-shadow: 2px 2px 5px rgba(0,0,0,0.8);
	-webkit-filter: grayscale(1);
	filter: grayscale(1);
	transition: -webkit-filter 500ms, filter 500ms;
}

.T2728 .element.linked { cursor: pointer; }

.T2728 .element:hover {
	-webkit-filter: none;
	filter: none;
}

.T2728 .element1 {
	z-index: 2;
	-webkit-transform: rotate(-5deg);
	-ms-transform: rotate(-5deg);
	transform: rotate(-5deg);
	margin: 40px 0 0 110px;
}
.T2728 .element2 {
	z-index: 1;
	-webkit-transform: rotate(5deg);
	-ms-transform: rotate(5deg);
	transform: rotate(5deg);
	margin: 0 0 0 -20px;
}
.T2728 .element3 {
	z-index: 2;
	-webkit-transform: rotate(-5deg);
	-ms-transform: rotate(-5deg);
	transform: rotate(-5deg);
	margin: 40px 0 0 0;
}
.T2728 .element4 {
	z-index: 1;
	-webkit-transform: rotate(5deg);
	-ms-transform: rotate(5deg);
	transform: rotate(5deg);
	margin: 0 0 0 -20px;
}


.T2728 .element .text {
	position: absolute;
	left: 0px;
	right: 0px;
	bottom: 20px;
	background-color: rgba(255,255,255, 0.8);
	padding: 5px 0;
	text-align: center;
	text-transform: uppercase;
	font-size: 20px;
	color: #7B6855;
}

/* --- Stylesheet 4241 () --------- */ 

@media all and (min-width: 768px) and (max-width: 999px) {
	.T2728 .element {
		width: 22vw;
		height: 16.5vw;
	}
	.T2728 .element1 { margin-left: 20px; }
}

@media all and (max-width: 767px) {
	.T2728 .element {
		width: 80vw;
		height: 60vw;
		float: none;
		margin: 0 0 0 20px;
		background-size: cover;
		-webkit-filter: grayscale(0);
		filter: grayscale(0);
	}

}