.typeteh {
	position: relative;
	margin: 0 auto;
	padding: 0;
	width:100%;
	float:left;
}

.typeteh-box {
	position: relative;
	margin: 0 0 0 5%;
	padding: 20px 0 0 0;
	width:90%;
	float:left;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
}

.typeteh-box a {
	display: block;
	width:100%;
	font-family: 'Exo 2', 'Montserrat', Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 400;
	color:#000;
	transition: 0.2s;
}

.typeteh-box a:hover {
	display: block;
	width:100%;
	font-family: 'Exo 2', 'Montserrat', Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 400;
	color:#d10e08;
	transition: 0.2s;
}

.typeteh-box-col {
	position: relative;
	margin: 0 0 20px 0;
	padding: 30px 0 30px 0;
	width:10%;
	float:left;
	background:#fff;
	border-radius:5px;
	border:1px #d5d8de solid;
	text-align: center;
	transition: 0.2s;
}

.typeteh-box-col:hover {
	position: relative;
	margin: 0 0 20px 0;
	padding: 30px 0 30px 0;
	width:10%;
	float:left;
	background:#fff;
	border-radius:5px;
	border:1px #d5d8de solid;
	text-align: center;
	box-shadow: 1px 9px 16px -5px rgba(6, 16, 40, .08);
            -webkit-box-shadow: 1px 9px 16px -5px rgba(6, 16, 40, .08);
            -moz-box-shadow: 1px 9px 16px -5px rgba(6, 16, 40, .08);
            border-color: #d5d8de;
	transition: 0.2s;
}

.typeteh-box-col img {
	max-width:50%;
}

.typeteh-box-col-img {
	position: relative;
	margin: 0 auto;
	padding: 0;
	width:100%;
	float:left;
}

.typeteh-box-col-text {
	position: relative;
	margin: 0 auto;
	padding: 0;
	width:100%;
	float:left;
}








@media (max-width: 979px) { 

.typeteh-box a {
	display: block;
	width:100%;
	font-family: 'Exo 2', 'Montserrat', Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: 500;
	color:#000;
	transition: 0.2s;
}

.typeteh-box a:hover {
	display: block;
	width:100%;
	font-family: 'Exo 2', 'Montserrat', Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: 500;
	color:#d10e08;
	transition: 0.2s;
}

.typeteh-box-col {
	position: relative;
	margin: 0 0 20px 0;
	padding: 30px 0 30px 0;
	width:22.5%;
	float:left;
	background:#fff;
	border-radius:5px;
	border:1px #d5d8de solid;
	text-align: center;
	transition: 0.2s;
}

.typeteh-box-col:hover {
	position: relative;
	margin: 0 0 20px 0;
	padding: 30px 0 30px 0;
	width:22.5%;
	float:left;
	background:#fff;
	border-radius:5px;
	border:1px #d5d8de solid;
	text-align: center;
	box-shadow: 1px 9px 16px -5px rgba(6, 16, 40, .08);
            -webkit-box-shadow: 1px 9px 16px -5px rgba(6, 16, 40, .08);
            -moz-box-shadow: 1px 9px 16px -5px rgba(6, 16, 40, .08);
            border-color: #d5d8de;
	transition: 0.2s;
}

.typeteh-box-col img {
	max-width:50%;
}

}