html {
  min-height: 100%;
  background-color: #0b1019;
}

body {
  min-height: 100vh;
  margin: 0;
  background: #0b1019 url("images/wallpaper.png") center / cover no-repeat;
}

main {
  min-height: inherit;
  position: relative;
}

h1 {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}

.company-info {
  position: absolute;
  top: calc(50% + clamp(5.3rem, 8vw, 7.5rem));
  left: 50%;
  width: min(90vw, 26rem);
  margin: 0;
  transform: translateX(-50%);
  color: rgba(255, 255, 255, 0.82);
  font-family: Arial, Helvetica, sans-serif;
  font-size: clamp(0.62rem, 1.2vw, 0.78rem);
  font-style: normal;
  line-height: 1.45;
  text-align: center;
  text-shadow: 0 1px 6px rgba(0, 0, 0, 0.45);
}

@supports (min-height: 100dvh) {
  body {
    min-height: 100dvh;
  }
}

/* For mobile devices */
@media only screen and (max-width: 767px) {
  body {
    background-image: url("images/background-photo-mobile-devices.jpg");
  }

  .company-info {
    top: calc(50% + clamp(4.75rem, 18vw, 6.5rem));
    font-size: clamp(0.58rem, 2.5vw, 0.68rem);
  }
}