.tizer12 {width: calc(48% - 2px);}
.tizer12 {
	float:left;
	height: 300px;
	margin: 0 1% 2%;
	border: 1px solid #c5c8cd;
	position:relative;
	cursor: pointer;
	transition: border-radius 0.5s;
	color: black;
}
.tizer12 a {text-decoration:none;}
.tizer12 .image {height: 190px;  background-size: cover !important;}
.tizer12 .image-gradient {height: 100px;margin-top: -98px;margin-bottom: -8px;}
.tizer12 .title12 {font-family: 'Trebuchet MS', sans-serif;margin: 0 10px 7px;font-weight: 400;font-size: 16px;line-height: 18px;color: #000;}
.tizer12 .subtitle {font-family: 'Trebuchet MS', sans-serif;margin: 5px 10px;font-weight: normal; font-size: 0.9em;line-height: 15px;color: #444;}
.tizer12:hover .title12 {color:#03A9F4;}
.tizer12:hover .subtitle {color:#03A9F4;}
.tizer12:hover .tgteas {opacity: 1;}
.tgteas {
    font-size: 10px;
    color: #000;
    font-family: 'Trebuchet MS', sans-serif;
    position: absolute;
    top: 0;
    text-align: center;
    background-color: #fff;
    opacity: .65;
		padding: 1% 2%;
    width: 96%;
}
.tizer12text {text-align: center; font-family: 'Trebuchet MS', sans-serif; font-size: 0.9em; border: 1px solid #c5c8cd;}

@media (max-width: 320px) {
	.tizer12 .title12 {font-size: 17px !important;}
}
@media (max-width: 400px) {
.tizer12 .subtitle {font-size: 0.8em;}
}
@media (min-width: 640px) {
	.tizer12 {width: 31%;}
}
@media (max-width: 640px) {
	.last-tizer {display: none;}
}