html {
  background: #00573D;
  color: #fff;
  font-family: "Gill Sans", sans-serif;
  font-weight: 300;
  min-height: 100vh;
  height: 100%;
  overflow: hidden;
}

.fw-semibold {
  font-weight: 600;
}

body {
  margin: 0;
  padding: 0;
}

@media screen and (orientation:landscape) {
  main {
    padding-top: 12vh;
    padding-left: 13vh;
  }

  .title {
    font-size: 5.5vh;
  }

  .subtitle {
    font-size: 12vh;
    margin-left: -4px;
    margin-top: -22px;
  }

  .description {
    font-size: 3vh;
    width: 47vh;
    margin-top: 5vh;
  }

  .logo {
    position: absolute;
    top: 3vh;
    right: 4vh;
    width: 88px;
  }

  .images-block {
    position: absolute;
    width: 158vh;
    bottom: 0;
    right: 0;
    height: 78vh;
  }

  .images-block__illustration {
    position: absolute;
    right: 0;
    z-index: 15;
    height: 100%;
  }

  .address {
    position: absolute;
    width: 107vh;
    left: 36vh;
    top: 4vh;
  }

  .address__text {
    position: absolute;
    left: 10vh;
    top: 16vh;
    width: 28vh;
    z-index: 12;
  }

  .address__background {
    width: 100%;
  }

  .address-pointer {
    position: absolute;
    bottom: 9vh;
  }

  .address-pointer__text {
    width: 17vw;
  }

  .address-pointer__image-horizontal {
    position: absolute;
    width: 13vw;
    bottom: 1vh;
    margin-left: -2vh;
  }

  .address-pointer__image-vertical {
    display: none;
  }
}

@media screen and (orientation:portrait) {
  main {
    padding: 18vw 8vw 0 8vw;
  }

  .title {
    font-size: 4vw;
  }

  .subtitle {
    font-size: 10vw;
  }

  .description {
    font-size: 3.7vw;
    width: 80vw;
    margin-top: 4vw;
  }

  .logo {
    position: absolute;
    top: 3vw;
    right: 3vw;
    width: 25px;
  }

  .images-block {
    position: absolute;
    bottom: 0vw;
    right: 0;
    width: 100vw;
    overflow: hidden;
    height: 56vh;
  }

  .images-block__illustration {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 15;
    width: 100%;
    height: 34vh;
  }

  .address {
    position: absolute;
    width: 98vw;
    left: 40vw;
  }

  .address__text {
    position: absolute;
    left: 12vw;
    top: 13vw;
    width: 33vw;
    z-index: 12;
  }

  .address__background {
    width: 100%;
  }

  .address-pointer {
    position: absolute;
    top: 21vw;
    left: 7vw;
  }

  .address-pointer__text {
    width: 28vw;
  }

  .address-pointer__image-horizontal {
    display: none;
  }

  .address-pointer__image-vertical {
    position: absolute;
    width: 39vw;
    top: -21vw;
    left: 22vw;
    /*bottom: 1vh;
    margin-left: -2vh;*/
  }
}