#header {
  background: white url(/index.php/view/media/getMedia?repository=services&project=pamm2&path=media%2Fthemes%2Fpamm2%2Fcss%2F/portailhalieutique-header.jpg) no-repeat;
  background-position-y: 75%;
  background-size: auto 150px;
}
#logo {
  background: transparent url(/index.php/view/media/getMedia?repository=services&project=pamm2&path=media%2Fthemes%2Fpamm2%2Fcss%2F/portailhalieutique-logo.jpg) no-repeat;
  background-position-y: 75%;
  background-size: auto 150px;
  margin: 0;
  opacity: 90;
  height: 100%;
  min-width:410px;
  float: right;
  display: block;
}
#logo2 {
  display:none;
}
#title {
  display:none;
}

@media (max-width: 640px) {
  #header {
    background-position-y: -250%;
    background-size: auto 100px;
  }
  #logo {
    background-position-y: -250%;
    background-size: auto 100px;
    min-width: 145px;
  }
}

@media (max-width: 360px) {
  #header {
    background-position-y: 0%;
    background-size: auto 75px;
  }
  #logo {
    background-position-y: 0%;
    background-size: auto 75px;
    min-width: 110px;
  }
}