.page {
  min-width: 31rem;
  max-width: 100%;
  /* height: 344.5vw; */
  margin: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  /* background-color: #0C1028; */
  background-color: #fff;

}

html, body {
  font-size: 1px;
}

@media screen and (max-width: 1300px) {
  html, body {
    font-size: 0.07693vw;
    /* font-size: 20px; */
  }
}
/* @media screen and (max-width: 768px) {
  html, body {
    font-size: 0.067vw;
  }
} */
@media screen and (max-width: 310px) {
  html, body {
    font-size: 0.18px;
    /* font-size: 20px; */
  }
}

.page__test {
  align-items: flex-start;
  margin: 0;
}

a {
  text-decoration: none;
}

p {
  padding: 0 40rem 10rem 40rem;
  font-family: 'KDT';
  /*font-weight: 700;*/
  font-size: 20rem;
  line-height: 144%;
  color: #0f0f0f;
}

h1 {
  padding-left: 40rem;
  font-family: 'KDT';
  font-weight: 700;
  font-size: 40rem;
  line-height: 134%;
  color: #0f0f0f;
}

h2 {
  padding: 20rem 0 0 40rem;
  font-family: 'KDT';
  font-weight: 700;
  font-size: 24rem;
  line-height: 134%;
  color: #0f0f0f;
}

.secondary_logo {
  width: 150rem;
  padding: 40rem;
}

ul {
  padding-left: 80rem;

  font-family: 'KDT';
  /*font-weight: 700;*/
  font-size: 20rem;
  line-height: 144%;
  color: #0f0f0f;
}

ul, li {
  list-style-type: square;
  font-size: 20rem;

}