@import url(common.css);

@media (max-width: 400px) {
  .header {
      background-image: url(../image/header-index-mobile.jpg);
  }
}

@media (min-width: 400px) {
  .header {
      background-image: url(../image/header-index-portrait.jpg);
  }
}
  
@media (min-aspect-ratio: 2/3) {
  .header {
      background-image: url(../image/header-index-carre.jpg);
  }
}
  
@media (min-aspect-ratio: 3/2) {
  .header {
      background-image: url(../image/header-index.jpg);
  }
}

header {
  height: 100vh;
}

.header {
  height: 100%;
  background-size: cover;
}