.mod_solutions{
  padding: 0 5% 5% 5%;
}

.mods_enc{
  margin: 5%;
}

.mod_solutions h1{
  text-align: center;
  font-weight: 600;
  font-size: 3em;
  margin:0;
}

.mods_categorie{
  width:23%;
  float:left;
  margin:auto;
  margin: 0 1%;
  text-align: center;
  position: relative;
}

.mods_catenc{
  -ms-display: flex;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #E8E8E8;
  min-height: 100px;
  transition-duration: .7s;
}

.mods_categorie:hover{
  box-shadow: 2px 2px 5px #999;
  -webkit-box-shadow: 2px 2px 5px #999;
  -moz-box-shadow: 2px 2px 5px #999;
  transition-duration: .5s;
}

.mods_categorie:hover .mods_catenc{
  background-color: #377ab7;
  transition-duration: .7s;
}

.mods_catenc h3{
  color: #377ab7;
  transition-duration: 1s;
}

.mods_categorie:hover h3{
  color: #E8E8E8;
}

.mods_solutions{
  height:300px;
  border: solid 1px #E8E8E8;
}

.mods_solution{
  -ms-display: flex;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height:20%;
  border-top: solid 1px #E8E8E8;
  font-size: 1.15em;
  font-weight: normal;
}

.mods_solution a{
  color: #272727;
}

.mods_solution a:hover{
  color:#377ab7;
}

.mods_afficher{
  position:absolute;
  bottom:8%;
  text-align: center;
  width: 100%;
}

.mods_afficher a{
  background-color: #377ab7;
  padding: 3%;
  color:white;
  border-radius: 5px;
  font-weight: normal;
}

/**** CUSTOM RESPONSIVE *****/
@media (min-width: 980px) and (max-width: 1199px) {

}

@media (min-width: 768px) and (max-width: 979px) {

}

@media (min-width:481px) and (max-width: 767px) {
  .mod_solutions{
    padding: 0 1% 5% 1%;
  }

  .mods_categorie{
      width:48%;
      margin-bottom:2%;
  }

  .mods_enc{
    margin-top:15%;
  }

  .mod_solutions h1{
    font-size: 2.3em;
    margin: 2% 0;
  }

  .mods_catenc h3{
    font-size: 1.4em;
  }
}

@media (max-width: 480px) {
  .mods_categorie{
    width:100%;
    margin-bottom:4%;
  }

  .mods_catenc{
    min-height:80px;
  }

  .mods_solutions{
    height:300px;
    min-height: 100px;
  }

  .mods_enc{
    margin-top:15%;
  }

  .mod_solutions h1{
    font-size: 2em;
    margin: 2% 0;
  }

  .mods_catenc h3{
    font-size: 1.4em;
  }
}