/* ===== LEGAL PAGES ===== */
.wh-legal-hero {
  padding: 220px 40px 90px;
  background: #070707;
  border-bottom: 1px solid rgba(239, 43, 45, .18);
  text-align: center;
}

.wh-legal-hero-sub {
  display: inline-block;
  color: #ef2b2d;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .2em;
  text-transform: uppercase;
  font-family: 'Montserrat', sans-serif;
  margin-bottom: 16px;
}

.wh-legal-hero h1 {
  font-family: Georgia, serif;
  font-size: 64px;
  letter-spacing: -2px;
  line-height: 1;
  color: #fff;
  margin: 0;
}

.wh-legal-hero h1 span { color: #e32929; }

/* Content */
.wh-legal-body {
  max-width: 860px;
  margin: 0 auto;
  padding: 80px 40px 120px;
}

.wh-legal-section {
  margin-bottom: 56px;
}

.wh-legal-section:last-child { margin-bottom: 0; }

.wh-legal-section h2 {
  font-family: Georgia, serif;
  font-size: 26px;
  color: #fff;
  margin: 0 0 16px;
  padding-bottom: 14px;
  border-bottom: 1px solid rgba(239, 43, 45, .25);
}

.wh-legal-section h3 {
  font-family: 'Montserrat', sans-serif;
  font-size: 15px;
  font-weight: 700;
  color: rgba(255, 255, 255, .9);
  margin: 28px 0 10px;
  letter-spacing: .04em;
}

.wh-legal-section p,
.wh-legal-section li {
  color: rgba(255, 255, 255, .85);
  font-size: 15px;
  line-height: 1.85;
  margin: 0 0 12px;
}

.wh-legal-section ul,
.wh-legal-section ol {
  padding-left: 20px;
  margin: 0 0 12px;
}

.wh-legal-section li { margin: 0 0 6px; }

.wh-legal-section a {
  color: #ef2b2d;
  text-decoration: none;
  transition: opacity .2s;
}

.wh-legal-section a:hover { opacity: .75; }

.wh-legal-section address {
  font-style: normal;
  color: rgba(255, 255, 255, .85);
  font-size: 15px;
  line-height: 1.85;
}

.wh-legal-tag {
  display: inline-block;
  background: rgba(239, 43, 45, .12);
  border: 1px solid rgba(239, 43, 45, .3);
  color: #ef2b2d;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
  padding: 4px 10px;
  border-radius: 6px;
  margin-bottom: 20px;
  font-family: 'Montserrat', sans-serif;
}

/* Responsive */
@media (max-width: 768px) {
  .wh-legal-hero { padding: 170px 20px 60px; }
  .wh-legal-hero h1 { font-size: 42px; letter-spacing: -1px; }
  .wh-legal-body { padding: 60px 20px 80px; }
  .wh-legal-section h2 { font-size: 22px; }
}