/* 	========== HOFFER ========== */
.hoffer { display: table; width: 100%;} 
.hoffer .con { display: table-cell; vertical-align: top; width: 33%;  padding: 0px 20px;  }
.hoffer .con .item { min-height: 200px; max-width: 500px; margin: 0 auto; overflow: hidden;  }
.hoffer .con .item a { position: absolute; bottom: 0; left: 0; content:'';display: block; width: 100%; height: 100%; z-index: 3; }
.hoffer .con .item a span { position: absolute; bottom: 15px; left: 5%; display: table; width: 90%; border-radius: 8px; font-weight: 500; padding: 13px 15px; text-align: center; background: #8cbc98; color: #ffffff !important; }


@media screen and (max-width: 1080px) 
{
	.hoffer .con { width: 100%; display: block; padding: 0; }
	.hoffer .con .item { min-height: auto; }
	.hoffer .con .item p { padding-bottom: 50px; }
	.hoffer .con:nth-child(-n+2) { margin-bottom: 40px; }
}


/* 	==================== MOBILE HOVER ==================== */
@media screen and (min-width: 850px) {
	.hoffer .con .item a:hover span { background: #097537; }
}