* { box-sizing: border-box; }
html, body { margin: 0; min-height: 100%; }
body {
  font-family: Arial, Helvetica, sans-serif;
  color: #26333d;
  background: #fff;
}
.start {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}
.start main {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4vh 20px 2vh;
}
.logo {
  display: block;
  width: min(760px, 92vw);
  height: auto;
}
footer {
  border-top: 1px solid #eee;
  text-align: center;
  padding: 18px 12px 20px;
  font-size: 12px;
  color: #66727b;
}
footer a, .legal a {
  color: inherit;
  text-decoration: underline;
}
footer span {
  margin: 0 10px;
}
.legal {
  width: min(760px, calc(100% - 40px));
  margin: 0 auto;
  padding: 45px 0 70px;
  line-height: 1.6;
}
.legal h1 {
  font-size: 32px;
  margin: 20px 0 30px;
}
.legal h2 {
  font-size: 18px;
  margin: 28px 0 8px;
}
.legal p {
  margin: 0 0 16px;
}
.back {
  font-size: 14px;
}
.small {
  font-size: 12px;
  color: #68737b;
  margin-top: 35px !important;
}
@media (max-width: 600px) {
  .start main { padding-top: 2vh; }
  .logo { width: 94vw; }
  .legal { padding-top: 30px; }
}