/**********section_catalog***************/
.c-hero-flex {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 80vh;
  width: 100%;
}
  @media (max-width: 960px)
  {
    .c-hero-flex {
    flex-flow: column nowrap;
    display: flex;
    height: auto;
  }
   .c-hero-flex__item {
      width: 100%;
min-height:20vh;
    }
  }
  
 .c-hero-flex__item{
    flex-grow: 1;
    background: #ccc;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-size: cover;
    box-shadow: inset 0 0 0 100vmax rgba(0,0,0,.5);
    transition: .2s all;
    cursor: pointer;
    text-decoration: none !important;
  }
    @media (min-width: 961px)
    {
      .c-hero-flex__item {
      height:100%;
      min-height: 20vh;
    }
    }
    
    .c-hero-flex__item:hover {
      flex-grow: 2 !important;
      box-shadow: inset 0 0 0 100vmax rgba(0,0,0,.8);
    }
    
    .c-hero-flex__item:nth-child(1) {
      background: #222 url(../img/bg_salon.jpg) no-repeat center center;
    }
    
    .c-hero-flex__item:nth-child(2) {
      background: #222 url(../img/salle_manger.jpg) no-repeat center center;
    }
    
    .c-hero-flex__item:nth-child(3) {
      background: #222 url(../img/bg_chC.jpg) no-repeat center center;
    }
   .c-hero-flex__item:nth-child(4) {
      background: #222 url(../img/bg_acessoire.jpg) no-repeat center center;
    }
     .c-hero-flex__item:nth-child(5) {
      background: #222 url(../img/bg_jardin.jpg) no-repeat center center;
    }
  
 .c-hero-flex__title {
  font-family: Raleway;
  font-size: 1.875em;
  font-weight: 600;
    text-transform: uppercase;
    color: #ededed;
    transition: .2s all;
  }