.legal-page { background: #f6f5f3; }

.legal-page .container {
    padding-top:    40px;
    padding-bottom: 80px;
}

.legal-page .breadcrumbs { margin-bottom: 32px; }
.legal-page .breadcrumbs__link { color: rgba(0, 0, 0, .5); }
.legal-page .breadcrumbs__link:hover { color: #000000; }
.legal-page .breadcrumbs__sep { color: rgba(0, 0, 0, .5); }
.legal-page .breadcrumbs__current { color: #000000; }

.legal-page__title {
    margin-bottom: 32px;
    font-size:     48px;
    line-height:   52px;
    color:         var(--color-secondary);
    text-align:    center;
}

.legal-page__content {
    max-width: 900px;
    margin:    0 auto;
    color:     var(--color-text);
}

.legal-page__content > * + * { margin-top: 16px; }

.legal-page__content h2,
.legal-page__content h3 {
    margin-top:  32px;
    font-size:   24px;
    line-height: 1.15;
    color:       var(--color-heading);
}

.legal-page__content ul,
.legal-page__content ol { padding-left: 20px; }

.legal-page__content li + li { margin-top: 8px; }

.legal-page__content a {
    color:           var(--color-primary);
    text-decoration: underline;
}

.legal-page__content a:hover { color: var(--color-primary-hov); }

@media (max-width: 1024px) {
    .legal-page .container { padding-top: 32px; padding-bottom: 60px; }

    .legal-page__title { margin-bottom: 24px; font-size: 36px; line-height: 42px; }
}

@media (max-width: 767px) {
    .legal-page .container { padding-top: 24px; padding-bottom: 40px; }

    .legal-page .breadcrumbs { margin-bottom: 20px; }

    .legal-page__title { margin-bottom: 16px; font-size: 24px; line-height: 28px; }

    .legal-page__content h2,
    .legal-page__content h3 { margin-top: 24px; font-size: 20px; }
}