@font-face {
  font-family: "Poppins";
  src: url(../fonts/Poppins/Poppins-ExtraLight.ttf);
  font-weight: 200;
}

@font-face {
  font-family: "Poppins";
  src: url(../fonts/Poppins/Poppins-Light.ttf);
  font-weight: 300;
}

@font-face {
  font-family: "Poppins";
  src: url(../fonts/Poppins/Poppins-Regular.ttf);
}

@font-face {
  font-family: "Poppins";
  src: url(../fonts/Poppins/Poppins-SemiBold.ttf);
  font-weight: 600;
}

/* global */

* {
  font-family: Poppins;
}

.menu * {
  color: var(--white-a);
}

.header {
  font-size: 2rem;
  line-height: 1;
  font-weight: 300;
  color: var(--white-a);
}

.header--alpha {
  color: var(--black-a);
}

.header--pre-footer {
  font-size: 1.5rem;
}

.text {
  font-size: 1rem;
  font-weight: 500;
  color: var(--white-a);
}

.text--alpha {
  color: var(--black-d);
  font-weight: 300;
}

.text--big,
.rating {
  font-size: 1.1rem;
}

.cell__text {
  font-size: 0.8rem;
}

.cell__text,
.cell__text--bigger {
  color: var(--white-c);
}

.cell__text--bigger {
  font-size: 1rem;
  font-weight: 500;
}

.rating {
  color: var(--white-a);
}

.plan__item {
  font-size: 1rem;
  font-weight: 500;
  color: var(--black-d);
}

.plan__name {
  font-size: 1rem;
  font-weight: 600;
  color: var(--black-a);
}

.plan__price {
  font-size: 1.2rem;
  font-weight: 600;
}

.plan__price--basic {
  color: var(--blue-a);
}

.plan__price--team {
  color: var(--peach-a);
}

.plan__price--business {
  color: var(--green-a);
}

.copyright,
.link--copyright {
  font-size: 1rem;
  font-weight: 500;
  color: var(--white-c);
}

.link--copyright {
  color: var(--blue-c);
}

.icon__description {
  font-size: 1.4rem;
  font-weight: 300;
  color: var(--black-a);
}

.toggle {
  font-size: 1.1rem;
  color: var(--white-a);
  font-weight: 600;
}

/* tablet */
@media (min-width: 740px) {
  .header {
    font-size: 2.5rem;
  }

  .header--pre-footer {
    font-size: 1.8rem;
  }

  .text {
    font-size: 1.25rem;
  }

  .cell__text {
    font-size: 1rem;
  }

  .cell__text--bigger {
    font-size: 1.25rem;
  }

  .icon__description {
    font-size: 1.5rem;
  }

  .toggle:not(.toggle--plan, .toggle--menu) {
    font-size: 1.375rem;
  }

  .rating::before {
    font-size: 26px;
  }
}

/* desktop */
@media (min-width: 1100px) {
  .header {
    font-size: 3.2rem;
  }

  .header--pre-footer {
    font-size: 2rem;
  }

  .text {
    font-size: 1.5rem;
  }

  .cell__text--bigger {
    font-size: 1.5rem;
  }

  .plan__item,
  .plan__name,
  .plan__price {
    font-size: 1.25rem;
  }

  .toggle:not(.toggle--plan, .toggle--menu) {
    font-size: 1.67rem;
  }
}

.toggle--menu {
  font-size: 1rem;
}