.internet-hero {
  background: var(--yellow);
}

.internet-hero::before {
  opacity: 0.12;
}

.internet-hero h1 span {
  color: var(--paper);
}

.internet-hero-art {
  isolation: isolate;
}

.speed-disc {
  align-content: center;
}

.internet-character {
  width: 84%;
  height: 84%;
  object-fit: contain;
}

.internet-price {
  z-index: 2;
}

.price-low {
  top: 9%;
  right: 3%;
  transform: rotate(7deg);
}

.price-mid {
  right: 2%;
  bottom: 8%;
  transform: rotate(-7deg);
}

.price-high {
  bottom: 13%;
  left: 0;
  transform: rotate(5deg);
}

.internet-star {
  left: -3%;
  width: 56px;
}

.internet-result .result-rate {
  font-family: "Yarden", Arial, sans-serif;
  font-size: 2.4rem;
}

.internet-plans {
  background: var(--yellow);
}

.internet-table-head {
  display: grid;
  grid-template-columns: minmax(210px, 1fr) minmax(230px, 1.2fr) minmax(150px, 0.8fr) auto;
  gap: 20px;
  padding: 18px 0 12px;
  border-bottom: 2px dashed var(--ink);
  font-size: 0.9rem;
  font-weight: 700;
}

.internet-provider p small {
  font-size: 0.85rem;
  font-weight: 400;
}

@media (max-width: 980px) {
  .speed-disc {
    width: min(64vw, 310px);
  }

  .price-low {
    right: 12%;
  }

  .price-mid {
    right: 10%;
  }

  .price-high {
    left: 8%;
  }

  .internet-star {
    left: 2%;
  }

  .internet-table-head {
    display: none;
  }
}

@media (max-width: 620px) {
  .internet-hero h1 {
    font-size: clamp(3.7rem, 17vw, 5.4rem);
  }

  .internet-provider p {
    font-size: 1.05rem;
  }
}