/* CSS Document */
.mdf_images_wrapper{
position:relative;
float:left;
padding-top: 1%;
list-style: none;
justify-content: space-around;
  
  display: -ms-flexbox;
  -ms-box-orient: horizontal;

  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  
  -webkit-flex-flow: row wrap;
  -moz-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}
.mdf_image{
position:relative;
float:left;
padding:1px;
opacity:0.9;
}
.mdf_image:hover{
opacity:1;
}