#home{
  position: relative;
  overflow: hidden;
}

.header{
  overflow: hidden;
  position: relative;
  background: rgb(254,202,24);
  background: url('/images/pattern.svg'), linear-gradient(120deg, rgba(254,202,24,1) 0%, rgba(179,213,161,1) 25%, rgba(119,194,190,1) 50%, rgba(0,183,255,1) 75%, rgba(188,170,184,1) 100%);
}


.header .presentation{
  min-height: calc(100vh - var(--menuh));
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.header .presentation .logo{
  width: 80px;
}

.header .presentation .imgContainer{
  height: auto;
}


/* max lg */
@media (max-width: 1199px){
}

/* xs, sm, md*/
@media (max-width: 991px){

  #home{
    overflow: initial;
  }

  .header .presentation{
    min-height: auto;
  }

  .header .presentation .logo{
    width: 50px;
  }

}

/* sm */
@media (min-width: 576px){
}

/* md */
@media (min-width: 768px){

}

/* lg */
@media (min-width: 992px){
}

/* xl */
@media (min-width: 1200px){

}

/* xxl */
@media (min-width: 1800px){

}

/* xxxl */
@media (min-width: 2600px){
}

@media (min-width: 1024px) and (max-width: 1279px) and (orientation: portrait){
}

  /* tablet portrait */
@media (min-width: 768px) and (max-width: 991px) and (orientation: portrait){
}

/* tablet portrait */
@media (min-width: 1024px) and (max-width: 1279px) and (orientation: portrait){

  .header .presentation {
    min-height: auto;
  }


}