@charset "UTF-8";
/* CSS Document */

.flex-container {
  display: inline-block;
    width: 100%;
    margin-left:auto;
margin-right:auto;
    text-align: center;
}

.flex-container > div {
      display: inline-block;
    width:21%;
  margin: 1%;
  padding: 0;
  font-size: 16px;
    text-align:center;
}

.flex-image {
background-color: #FFF;
width:100%;
height:100%;
padding: 0;
    border:1px solid #000;
    box-shadow: 5px 5px 5px #CCC;

}



.flext-text
{
margin-left:auto;
margin-right:auto;
color: #000;
font-size: 14px;
width: 90%;
text-align:justify;
line-height: 25px;
font-weight: normal;
text-shadow: 1px 1px 2px #CCC;

}



/* Small Desktops */
@media (min-width: 320px) and (max-width: 768px) {
    
    .flex-container {
width: 100%;
margin-left:auto;
margin-right:auto;
}
    .flex-container > div {

    width:100%;

    
    }
    
    .flex-image {
width:50%;
height:50%;
padding: 0;
}
    
    
}