.main-container{
display:flex;
flex-direction:row;
  width:100%;
  height:200px;
    border: 1px 0 1px 0 solid #fff;
}
.lower{
  display:flex;
  text-align:center;
      justify-content: center;
    align-items: center;
  height:170px;
  width:100%;
background-color:#CCCCCC;
}

.upper{
height:30px;
width:100%;
}

.inner-tiles{
height:100%;
  display:flex;
  flex-direction:row;
width: 70%;
}

.outer{
width:15%;
height:100%;
  border: 1px solid #fff;
}
.inner{
width:33.333%;
border: 1px solid #fff;
}

.inner :hover {
    background-color: #9e9e9e;
    transition: all .5s ease;
}



.left-tile .upper {
background-color: #31759F ;}

.right-tile .upper{
background-color:#1E475F ;
}

.tile1 .upper {
background-color:#31759F
}

.tile2 .upper{
background-color:#2C5C7E
}


.tile3 .upper{
background-color:#1E475F 
}


/* media queries */

@media(max-width:767px){
  .main-container{
    margin:0;
    display:flex;
    height:fit-content;
  }
 
  .inner{
  border:none;
  
  }
  .inner-tiles{
  width:100vw;
    flex-direction:column;
    margin: 0;
  }
  .lower{
  height:75px;
    width:100vw;
  }
  .upper{
  width:100vw;
    height:20px;
  }
  
  .outer { display:none;}
  

.inner-rich-text{
margin:0 auto;
}