@font-face {
  font-family: "Roboto-Medium";
  src: url("Roboto-Medium-12.ttf");
}

* {
  font-family: "Roboto-Medium";
}

body {
  background: #F2F2F4;
}

.content {
  margin: 0 auto;
  background: #FFFFFF;
  padding: 40px 38px;
}

.content>p {
  font-size: 14px;
  font-weight: 400;
  color: #4C4E59;
  line-height: 23px;
}

.content>span {
  font-size: 14px;
  font-weight: 400;
  color: #4C4E59;
  line-height: 23px;
}

table {
  border-collapse: collapse;
}

table td,
table th {
  border: 1px solid #000;
  color: #666;
  height: 30px;
}

@media only screen and (max-width: 820px) {
  h1 {
    font-size: 24px;
    font-weight: bolder;
  }

  h2 {
    font-size: 20px;
  }

  h3 {
    font-size: 18px;
  }

  h4 {
    font-size: 16px;
  }
}