/*  MICROTHEMER STYLES  */


/*= General =================== */

/** General >> Relation block **/
#relation-block {
	display: -webkit-box !important;
	display: -moz-box !important;
	display: -ms-flexbox !important;
	display: -webkit-flex !important;
	display: flex !important;
	-webkit-flex-flow: row wrap !important;
	-moz-flex-flow: row wrap !important;
	-ms-flex-flow: row wrap !important;
	flex-flow: row wrap !important;
	-webkit-justify-content: space-between !important;
	justify-content: space-between !important;
	-webkit-align-items: flex-start !important;
	align-items: flex-start !important;
	-webkit-align-content: space-between !important;
	align-content: space-between !important;
}

/** General >> Relationship block **/
.relationship-block {
	width: 24% !important;
	margin-bottom: 20px !important;
}

/** General >> Rel featured **/
.rel-featured {
	background-position: center center !important;
	background-repeat: no-repeat !important;
	background-size: cover !important;
	width: 100% !important;
	height: 200px !important;
	border-radius: 10px !important;
	overflow: hidden !important;
}

/** General >> Relationship featured **/
#relationship-featured {
	width: 110% !important;
	max-width: 110% !important;
	height: auto !important;
}

/** General >> Relation title **/
.relation-title {
	color: rgb(23, 72, 130) !important;
	font-size: 1vw !important;
	line-height: 1em !important;
	text-align: center !important;
	text-transform: uppercase !important;
	margin-top: 5px !important;
	margin-bottom: 0 !important;
}


/*( < 980 )*/
@media (max-width: 979.98px) {

	/*= General =================== */

	/** General >> Relationship block **/
	.relationship-block {
	width: 32% !important;
}

	/** General >> Relation title **/
	.relation-title {
	font-size: 1.5vw !important;
}


}


/*( < 768 )*/
@media (max-width: 767.98px) {

	/*= General =================== */

	/** General >> Relationship block **/
	.relationship-block {
	width: 48% !important;
}

	/** General >> Relation title **/
	.relation-title {
	font-size: 2vw !important;
}


}


/*( < 480 )*/
@media (max-width: 479.98px) {

	/*= General =================== */

	/** General >> Relationship block **/
	.relationship-block {
	
}

	/** General >> Relation title **/
	.relation-title {
	font-size: 2.5vw !important;
}

	/** General >> Rel featured **/
	.rel-featured {
	height: 150px !important;
}


}