/* Sophros */

header {
  height: 25vh !important;
}

.promo {
  width: 24vw;
  position: absolute;
  top: 0vh;
  right: 20vw;
}

.sophros {
  justify-content: space-between;
  width: 70vw;
}

.sophros,
.sophros_footer {
  align-items: center;
}

.sophros_title {
  margin-top: 2vh;
}

.sophros_header {
  margin-top: 10vh
}

.sophros_list li {
  line-height: 2;
}

.sophros_footer button {
  margin: 3vh auto;
}

@media all and (max-device-width: 812px) {

  header {
    height: 0vh !important;
  }

  .promo {
    width: 40vw;
    position: relative;
    top: 0vh;
    right: 0vw;
  }

  .sophros {
    margin-top: initial;
    width: 100%;
  }

  .sophros_header {
    margin-top: 5vh;
  }

  .sophros_title {
    margin-top: initial;
    font-size: 2vh;
  }

  .sophros_footer,
  .sophros_header {
    width: 90vw;
  }

  .sophros_list {
    width: 80vw;
  }

  .sophros_list li {
    line-height: 1.5;
  }
}