.secondary-content {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    width: 100%;
    padding: 48px 24px;
    max-width: var(--max-content-width);
    gap: 48px;
}

.secondary-content>img {
    width: 100%;
    height: auto;
}

.secondary-content h1 {
    font-family: var(--headline-headline-large-font-family);
    font-size: var(--headline-headline-large-font-size);
    line-height: var(--headline-headline-large-line-height);
    letter-spacing: var(--headline-headline-large-letter-spacing);
    font-weight: var(--headline-headline-large-font-weight);
}

.secondary-content h2 {
    padding-top: 32px;
    font-family: var(--headline-headline-small-font-family);
    font-size: var(--headline-headline-small-font-size);
    line-height: var(--headline-headline-small-line-height);
    letter-spacing: var(--headline-headline-small-letter-spacing);
    font-weight: var(--headline-headline-small-font-weight);
}

.secondary-content h1, .secondary-content h2, .secondary-content h3, .secondary-content h4 {
    color: var(--light-onsurface);
}

.secondary-content li {
    padding-top: 8px;
}

.secondary-content p, .secondary-content ul {
    color: var(--light-onsurfacevariant);
    padding-top: 16px;
}

.secondary-content p, .secondary-content ul {
    font-family: var(--body-body-large-font-family);
    font-size: var(--body-body-large-font-size);
    line-height: var(--body-body-large-line-height);
    letter-spacing: var(--body-body-large-letter-spacing);
    font-weight: var(--body-body-large-font-weight);
}

@media (min-width: 768px) {
    .secondary-content {
        padding: 100px 48px;
        gap: 100px;
    }
}