.non-js {
  text-align: center;
  max-width: 768px;
  margin: auto;
  position: relative;
  min-height: 100vh;
  padding: 4rem 1rem;
}

p.non-js__text {
  margin: 0.5rem 0 1rem 0;
}

.non-js__header-element {
  background-color: #000000;
  color: white;
  text-align: center;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  padding: 8px;
}

.non-js__footer-element {
  background-color: white;
  color: black;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 7px;
  text-align: center;
}

.non-js__info-block {

  background-color: white;
  color: black;
  padding: 7px;
  text-align: center;
  border: 1px solid black;
  border-radius: 8px;
  position: absolute;
  top: 40%;
  left: auto;
  min-width: calc(90% - 1rem);
  max-width: calc(90% - 1rem);
}

.non-js__info-block--header {
  font-size: xx-large;
  font-weight: normal;
  color: #A50032;
  margin: 1rem auto 0 0;
}

a.non-js__link {
  color: black;
  padding: 0 10px;
}