#root {
  height: min-content;
  margin: 0;
}

/* DEFINITION PAGE HOME */
.home{
  /* Bloc INTRO */
  #intro {
    background:
     linear-gradient(to right, rgba(255, 255, 255, .5), rgba(255, 255, 255, .5)),
       url(/assets/images/cargo_parc.jpg) center no-repeat;

       background-size: auto, cover;

    width: 100%;
    margin: 0;

    padding: 20px 10px;
    
    .page-content > div{      
      background-color: var(--light-color);
      max-width: 500px;
      border-radius: 10px;

      padding: 13px 10px;
      
      margin-left: auto;
      margin-right: auto;
    }

        /* Mobile 
    @media(max-width: 800px) {
      .page-content > div
      {
          width: 95%;
      }
    }*/

    /*.info-contact{
      margin-bottom: 10px;
    }*/
  }

  /* Bloc PRESENTATION */
  #presentation {
    /* background:
      linear-gradient(to right, rgba(255, 255, 255, .8), rgba(255, 255, 255, .8)),
      url(/assets/images/background_arc.svg) center no-repeat;

    background-size: auto, 600px;
    background-position: bottom -400px right -100px; */
    
    width: 100%;
    margin: 0;

    padding: 20px 0;

    display: flex;
    flex-flow: row wrap;
    
    .page-content{
      display: flex;
      flex-flow: row wrap;

      align-items: baseline;
      justify-content: stretch;
    }

    & .services{
      min-width: 200px;
      max-width: 600px;/* width: 390px; */
      border-radius: 10px;

      padding: 13px 10px;
      
      margin-left: auto;
      margin-right: auto;
      
      & .service-item > h3{
        text-align: left;
      }
    }

    & .contact-form{
      display: none;
      width: 390px;
      margin-bottom: 10px;
    }
/* 
    @media(max-width: 390px){
      & .services{
        min-width: 200px;
      }

      & .contact-form{
        min-width: 200px;
      }
    } */
  }

  #deco{
    width: 100%;
    margin: 0 0;
    padding: 0;

    .page-content{
      display: flex;
      flex-flow: row-reverse wrap;
      align-items: flex-end;
      justify-content: space-between;
    }

    .deco-cargo > img{
      /* bottom: 0;
      left:0; */

      height: 81px;
      margin:0;
      display: block;
    }

    .info-boitesavelo{
      max-width: 400px;    

      & p{
        padding:0 5px;
      }
    }
    .info-boitesavelo{
      .deco-boitesavelo{
        margin-left: 5px;
        margin-right: 5px;
        margin-bottom: 5px;
        height: 80px;
        float: right;
      }
    }

    /* Mobile */
    @media(max-width: 800px) {
      .info-boitesavelo
      {
          margin: 10px auto;
      }

      .deco-cargo{
        margin:0 auto;
      }
    }
  }
}