*{margin:0;padding:0;box-sizing:border-box}

body{
  font-family:Arial,Helvetica,sans-serif;
  background:#0a0a0a;
  color:#f5f5f5;
  line-height:1.8;
}

.legal-header{
  background:#141414;
  padding:20px 24px;
  border-bottom:1px solid rgba(232,196,104,.12);
}
.legal-header a{
  color:#e8c468;
  text-decoration:none;
  font-size:14px;
  letter-spacing:0.1em;
  text-transform:uppercase;
  transition:color .3s;
}
.legal-header a:hover{color:#f5f5f5}

.legal-wrap{
  max-width:820px;
  margin:0 auto;
  padding:64px 24px 80px;
}
.legal-wrap h1{
  font-size:34px;
  color:#f5f5f5;
  margin-bottom:8px;
  font-weight:700;
}
.legal-date{
  display:block;
  color:#888;
  font-size:13px;
  letter-spacing:0.06em;
  text-transform:uppercase;
  margin-bottom:32px;
}
.legal-wrap h2{
  font-size:20px;
  color:#e8c468;
  margin:36px 0 12px;
  font-weight:600;
}
.legal-wrap p{color:rgba(245,245,245,.75);margin-bottom:16px}
.legal-wrap ul{margin:0 0 16px 22px;color:rgba(245,245,245,.75)}
.legal-wrap li{margin-bottom:10px}

.legal-footer{
  background:#0f0f0f;
  color:#888;
  text-align:center;
  padding:24px;
  font-size:13px;
  border-top:1px solid rgba(245,245,245,.06);
}

@media (max-width:640px){
  .legal-wrap{padding:44px 20px 60px}
  .legal-wrap h1{font-size:27px}
}