body {
  font-size: 3em;
}

.super-bold {
  font-weight: 800;
}

.kp {
  display: none;
}

body {
  padding: 1em 2em;
  font-size: 1.1em;
  line-height: 1.4em;
}

@media (min-width: 576px) {
  .kp {
    display: none;
  }
  body {
    padding: 1em 2em;
    font-size: 1.3em;
    line-height: 1.4em;
  }
}
@media (min-width: 768px) {
  .kp {
    display: none;
  }
  body {
    padding: 1em 2em;
    font-size: 1.5em;
    line-height: 1.4em;
  }
}
@media (min-width: 992px) {
  .kp {
    display: none;
  }
  body {
    padding: 1em 2em;
    font-size: 1.7em;
    line-height: 1.4em;
  }
}
@media (min-width: 1200px) {
  .kp {
    float: right;
    margin: 0 0 5em 5em;
    color: black;
    font-size: 1.4em;
    text-align: right;
  }
  body {
    padding: 2em 2em;
    font-size: 1.7em;
    line-height: 1.4em;
  }
}
@media (min-width: 1400px) {
  .kp {
    float: right;
    margin: 0 0 5em 5em;
    color: black;
    font-size: 1.4em;
    text-align: right;
  }
  body {
    padding: 2em 4em;
    font-size: 1.7em;
    line-height: 1.4em;
  }
}