/* Remove default browser spacing */
html,
body {
  margin: 0;
  padding: 0;
  width: 100%;
}

* {
  box-sizing: border-box;
}

/* Homepage banner */
.home-banner {
  position: relative;
  width: 100%;
  overflow: hidden;
  background: #020919;
}

/* Banner image */
.home-banner picture {
  display: block;
  width: 100%;
}

.home-banner-image {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
  object-position: center;
}

/* Desktop screens */
@media (min-width: 1200px) {
  .home-banner-image {
    width: 100%;
    height: auto;
  }
}

/* Tablet */
@media (max-width: 991px) {
  .home-banner-image {
    width: 100%;
    height: auto;
  }
}

@media (max-width: 600px) {
  .home-banner {
    min-height: 200px;
  }

  .home-banner-image {
    width: 100%;
    min-height: 200px;
    object-fit: cover;
    object-position: center;
  }
}