.module_box{
	overflow:hidden;
	color:#fff;
	padding-bottom: 10px;
	}
	
.module_box .item{
	float:left;
	padding:10px 10px 0 10px;
	margin:10px;
	width:calc(25% - 42px);
	text-align:center;
	font-size:15px;
	color:#000;
	border:1px rgba(255,255,255,0.1) solid;
	border-radius: 4px;
	overflow:hidden;
	transition:.3s;
	}
.module_box .item.link:hover{
	border:1px rgba(0,0,0,0.1) solid;
	box-shadow: 5px 5px 10px rgba(0,0,0,0.2);
	transition:.3s;
	}
.module_box .item.clear{
	clear: none
	}
.module_box .item.clearCom{
	clear: both;
	}

.module_box .item .image{
	position: relative;
	background-size:100% !important;
	background-repeat:no-repeat !important;
	background-position:center center !important;
	border-radius: 3px;
	padding-bottom:60%;
	margin: 0 0 10px 0;
	}
	
.module_box .item .title{
	font-weight:bold;
	font-size:25px;
	font-family: 'Ubuntu', sans-serif;
	}

.module_box .item .text{
	
	}







@media screen and (max-width: 1200px) {


.module_box .item{
	padding:10px 10px 0 10px;
	margin:10px;
	width:calc(50% - 42px);
	font-size:15px;
	}

.module_box .item.clear{
	clear: both;
	}

	

.module_box .item .image .title{
	top:40%;
	font-size:20px !important;
	}


}

@media screen and (max-width: 900px) {
		


}


@media screen and (max-width: 740px) {
	



.module_box .item .image .title{
	top:40%;
	font-size:20px !important;
	}
}

@media screen and (max-width: 600px) {

	.module_box .item{
		padding:10px 10px 0 10px;
		margin:10px;
		width:calc(100% - 42px);
		font-size:15px;
		}

}