.lv {
  overflow-x: hidden;
  overflow-y: scroll;
  text-align: center;
  padding: 0;
  margin: auto;
  background: #ffffff;
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 1) 0%,
    rgba(250, 250, 250, 1) 100%
  );
}

.lv .space-id {
  padding: 10rem 0 0 0;
}

.lv .h22 {
  padding: 0 0 2rem 0;
}

.lv .space-1 {
  padding: 2.5rem 0;
}

.lv .space-footer {
  padding: 1.25rem 0;
}

/* FONT SIZE */
.lv h1,
.lv .h1,
.lv h2,
.lv h3,
.lv h4,
.lv b {
  font-family: "Chillax-Bold";
}

.lv p,
.lv a,
.lv li {
  font-family: "Chillax-Medium";
}

.lv h1 {
  font-size: 1.75rem;
}

.lv h2,
.lv h3 {
  font-size: 1rem;
}

.lv p,
.lv a,
.lv li,
.lv b {
  font-size: 0.875rem;
}

.lv p {
  color: rgb(0, 0, 0);
}

.lv a {
  text-decoration: none;
  background: black;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.lv a:hover {
  background: linear-gradient(
    45deg,
    rgb(123, 97, 255),
    rgb(171, 81, 255),
    rgb(255, 51, 177),
    rgb(199, 210, 0),
    rgb(75, 255, 168),
    rgb(48, 224, 255),
    rgb(44, 142, 255),
    rgb(123, 97, 255)
  );
  background-size: 500% 500%;
  animation: iridescent 8s ease-in-out infinite;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* phone Portrait */
@media (min-width: 360px) {
  .lv .space-id {
    padding: 7rem 0 0 0;
  }

  .lv h1 {
    font-size: 2rem;
  }

  .lv h2,
  .lv h4 {
    font-size: 1.5rem;
  }

  .lv h3 {
    font-size: 1.5rem;
  }

  .lv p,
  .lv a,
  .lv li,
  .lv b {
    font-size: 1rem;
  }
}

@media (min-width: 540px) {
  .lv .space-id {
    padding: 10rem 0 0 0;
  }

  .lv h1 {
    font-size: 3rem;
  }

  .lv h2{
    font-size: 1.75rem;
  }

  .lv h4 {
    font-size: 1.75rem;
    color: rgb(0, 25, 252);
  }
}

      /* phone landscape */
@media (min-width: 720px) {
  .lv h1 {
    font-size: 4rem;
  }

  .lv h2 {
    font-size: 2rem;
  }

  .lv h4 {
    font-size: 2.5rem;    color: rgb(0, 0, 0);
  } 
  .lv h3 {
    font-size: 1.55rem;
  }

  .lv p,
  .lv a,
  .lv li,
  .lv b {
    font-size: 1.25rem;
    color: rgb(0, 0, 0);
  }
}

 /* Tablet Portrait */
@media (min-width: 820px) {
    .lv .space-id {
    padding: 13rem 0 0 0;
  }
  .lv h1 {
    font-size: 4.75rem;
  }

  .lv h2 {
    font-size: 2.375rem;
  }

  .lv h4 {
    font-size: 3rem;
  }
  .lv h3 {
    font-size: 1.95rem;
  }

  .lv p,
  .lv a,
  .lv li,
  .lv b {
    font-size: 1.5rem;
  }
}

/* Wacom Portrait */
@media (min-width: 960px) {


  .lv h1 {
    font-size: 5.5rem;
  }

  .lv h2,
  .lv h4 {
    font-size: 2.75rem;
  }

  .lv h3 {
    font-size: 2.35rem;
  }
}

@media (min-width: 1140px) {
  .lv h1 {
    font-size: 6.5rem;
  }

  .lv h2,
  .lv h4 {
    font-size: 3.25rem;
  }

  .lv h3 {
    font-size: 1.8rem;
  }

  .lv p,
  .lv a,
  .lv li,
  .lv b {
    font-size: 1.25rem;
  }
}

/* Tablet landscape */
@media (min-width: 1340px) {
  .lv h1 {
    font-size: 7.75rem;
  }

  .lv h2,
  .lv h4 {
    font-size: 3.875rem;
  }

  .lv h3 {
    font-size: 2.15rem;
  }

  .lv p,
  .lv a,
  .lv li,
  .lv b {
    font-size: 1.65rem;
  }
}

/* Wacoms landscape */
@media (min-width: 1570px) {
  .lv h1 {
    font-size: 8.85rem;
  }

  .lv h2,
  .lv h4 {
    font-size: 4.425rem;
  }

  .lv h3 {
    font-size: 2.5rem;
  }
}