.lg-head { background: var(--blue); display: flex; align-items: center; justify-content: space-between; padding: 12px 40px; }
.lg-brand img { display: block; border-radius: 8px; }
.lg-back { font: 700 14px/1 var(--lato); color: #fff; padding: 10px 16px; border-radius: 100px; background: rgba(255, 255, 255, .16); }
.lg-back:hover { background: rgba(255, 255, 255, .26); }
.legal { max-width: 860px; margin: 0 auto; padding: 56px 20px 72px; font-family: var(--lato); color: #333; }
.legal h1 { font: 900 40px/1.15 var(--lato); color: var(--blue); margin-bottom: 28px; }
.legal h2 { font: 800 24px/1.3 var(--lato); color: var(--blue); margin: 36px 0 12px; scroll-margin-top: 20px; }
.legal p, .legal li { font: 400 16px/1.7 var(--lato); color: #444; margin-bottom: 12px; }
.legal ul { padding-left: 22px; list-style: disc; margin-bottom: 12px; }
.legal li { margin-bottom: 8px; }
@media (max-width: 760px) { .lg-head { padding: 10px 20px; } .legal { padding: 36px 20px 48px; } .legal h1 { font-size: 30px; } .legal h2 { font-size: 20px; } }