/* Home Menu */

.lv .footer {
  left: 0.5%;
}

.lv .footer .text {
  position: relative;
  margin: 0 auto;
  text-align: left;
  max-width: 930px;
    line-height: 2;
}

.lv .footer .i {
  top: -48%;
}

.lv .footer .d {
  top: -52.75%;
}

.lv .footer h4 {
  margin: 10% 0 3% 0;
  line-height: 1.5;
}

.lv .footer .ball {
  position: relative;
  flex-shrink: 0;
  left: 25%;
  top: -50%;
  width: 80vw;
  height: 80vw;
  border-radius: 100% 15% 225% 75%;
  overflow: hidden;
}

.lv .footer .background {
  position: relative;
  z-index: 0;
  top: 0;
  left: 0;
  flex-shrink: 0;
  width: 100vw;
  height: 54%;
  background-color: hsla(234deg, 100%, 89%, 0.72);
}

.lv #gradient {
  width: 100%;
  height: 100%;
  opacity: 25%;
  z-index: -5;
  top: -200px;
}

.lv .home-menu .background {
  height: 48%;
}

@media (min-width: 360px) {
  .lv .footer .text {
    max-width: 350px;
  }
}

@media (min-width: 540px) {
  .lv .footer .text {
    max-width: 350px;
  }
}

@media (min-width: 720px) {
  .lv .home-menu-text {
    top: -47%;
  }

  .lv .footer .text {
    max-width: 465px;
  }
}

@media screen and (min-width: 820px) {
  .lv .footer .text {
    max-width: 525px;
  }
}

/* Desktop: double the size */
@media (min-width: 960px) {
  .lv .footer .text {
    max-width: 640px;
  }
}

@media (min-width: 1140px) {
  .lv .footer .text {
    max-width: 755px;
  }
}

@media (min-width: 1320px) {
  .lv .footer .text {
    max-width: 870px;
  }
}

@media (min-width: 1570px) {
  .lv .footer .text {
    max-width: 985px;
  }
}