.tile {
display: flex;
gap: 20px;
width: 100%;
box-sizing: border-box;
padding: 1em;
background: #F1F7FC;
border-radius:5px;
margin-top:1em;
}

.tile_image {
box-sizing: border-box;
flex: 0 0 fit-content;
max-width:48%;
position:relative;
}

.tile_image img {
width:100%;
}

.tile_image_title {
font-size:20px;
display:block;
position:absolute;
left:0px;
bottom:3px;
width:300px;
text-align:center;
box-sizing:border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
color:#fff;
padding:10px;
background-color:rgba(0,0,0,.3);
}

.tile_text {
box-sizing: border-box;
flex: 1;
text-align:justify;
min-width:50%;
}

.tile_map {
box-sizing: border-box;
flex: 0 1 auto;
}

.tile_map img {
width:100%;
}

.tile_title {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:1.4em;
color:#0D5FB8;
margin-bottom:1em;
}

.tile_title a {
color:#0D5FB8;
}

.article_image {
float:left;
margin:0 1em 1em 0;
max-width:50%;
}

.article_image img {
width:100%;
}

/**************TABLET**************/
@media (max-width: 1023px) {

.tile_map {
display: none;
}
  
}

/**************MOBILE**************/
@media (max-width: 700px) {

/*home_intro MOBILE*/
.tile {
flex-direction: column;
}

.tile_image {
max-width:fit-content;
margin:auto;
}

.tile_text, .tile_image {
width: 100%;
}

.article_image {
float:none;
display:block;
margin: 1em auto;
max-width:fit-content;
}

}