.certiUl
{
    width: 97%;
    margin: auto;
    /* display: -webkit-box;      
      display: -moz-box;         
      display: -ms-flexbox;      
      display: -webkit-flex;     
      display: flex;             
      -webkit-flex-wrap: wrap;
      -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      -o-flex-wrap: wrap;
      flex-wrap: wrap;
      justify-content: flex-start;
      -webkit-box-pack: start;
      -moz-box-pack: start;
      -webkit-flex-pack: start; */
}
/* .certiUl:after
{
    display: table;
    clear: both;

    height: 0;

    content: '';
} */

.certiUl li
{
    position: relative;

    float: left;

    width: 20%;
}

.certiUl li a
{
    position: relative;
    /*cursor: default;*/
    display: block;
    /*width: 95%;*/
    /*overflow: hidden;*/
    /*display: table-cell;*/

    margin: 5%;

    /*border: 1px solid rgb(200,200,200);*/
}
/* .certiUl li a img {
         display: inline-block;
         text-align: center;
         vertical-align: middle;
      } */

.certiUl li a figure
{
    position: relative;

    height: 100%;

    z-index: 1;
    border: 1px solid  rgb(200,200,200);
    -webkit-box-shadow:inset 0 1px 1px rgba(255,255,255,0.8); 
    box-shadow:inset 0 1px 1px rgba(255,255,255,0.8); 
}
/* .certiUl li a figure:before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 5;
  left: 0;
  top: 0;
  -webkit-box-shadow: inset 0 0 35px rgb(230,230,230);
  box-shadow: inset 0 0 35px rgb(230,230,230);

} */

.certiUl li a figcaption
{
    font-size: 1em;
    line-height: 1.5em;

    bottom: 0;

    display: none;

    width: 100%;
    padding: 3px 0;

    color: #222;
    border-top: 1px solid rgb(200,200,200);
}