/*****************************************************************************/
/*********************************FullHD 1440**********************************/
/*****************************************************************************/

.home_mosaic {
width:100%;
text-align:justify;
}


.home_block {
box-sizing: border-box; /*div will include padding and border*/
display:inline-block;
text-align:left;
vertical-align: top;
width:48.8%;
padding:1em;
background-color:#FFFFFF;
margin-top:1em;
}

.home_block_image {
position:relative; /*for play-zoom*/ 
}

.home_block_image img {
width:100%;
}

.home_block_icon {
text-align: center;
}

.home_block_icon i {
color:#7BB33D;
border: 3px solid #7BB33D;
font-size:45px;
width:50px;
height: 50px;
border-radius: 50%;
padding: 10px;
-webkit-transition:all .35s ease;
-moz-transition:all .35s ease;
-o-transition:all .35s ease;
transition:all .35s ease
}

.home_block_icon i:hover {
color:#7BB33D;
border: 3px solid #7BB33D;
}

.home_block_title {
display:block;
width:100%;
text-align:center;
box-sizing:border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
padding:0.3em;
background-color:#FFFFFF;
opacity:0.9;
color:#317EAC;
font-family: 'Roboto', sans-serif;
font-weight: 300;
font-size:1.4em;
}

.home_block_title a {
color:#1C3248;
text-decoration:none;
}

.home_block_title a:hover {
text-decoration:underline;
}

.home_block_text {
text-align:justify;
line-height:1.5em;
}

.home_block_text a {
color:#1C3248;
text-decoration:none;
}

.home_block_text a:hover {
text-decoration:underline;
}

/*for empty blocks in mosaic with justify*/
/*should be under all mosaic styles*/
.empty {
height:0;
border:0;
margin:0;
padding:0;
}

/*****************************************************************************/
/***********************************HD 1152***********************************/
/*****************************************************************************/

@media only screen and (max-width: 11439px) { /**Replace to 1439 when FullHD wins**/


}

/*****************************************************************************/
/***********************************Tablet 1024*********************************/
/*****************************************************************************/

@media only screen and (max-width: 1151px) {


}


/*****************************************************************************/
/*******************************MOBILE****************************************/
/*****************************************************************************/


@media only screen and (max-width: 1023px) {

.home_block {
display:block;
width:100%;
}



}