@keyframes marqueeShift {
    from {
        transform: translateX(0)
    }

    to {
        transform: translateX(-50%)
    }
}

@keyframes softPulse {

    0%,
    100% {
        opacity: .55
    }

    50% {
        opacity: 1
    }
}

@media (max-width: 768px) {

    h1,
    h2 {
        font-size: 28px !important;
    }
}

.marquee-track {
    animation: marqueeShift 24s linear infinite
}

.soft-pulse {
    animation: softPulse 3s ease-in-out infinite
}

.map-frame {
    filter: grayscale(1) contrast(1.05)
}

.legal-copy p {
    margin-top: 1rem;
    line-height: 1.85
}

.legal-copy h2 {
    margin-top: 2.5rem;
    font-family: "PT Sans", sans-serif;
    font-size: 1.5rem;
    font-weight: 700
}

.legal-copy ul {
    margin: 1rem 0 0 1.25rem;
    list-style: disc
}

.legal-copy li {
    margin-top: .5rem
}

@media(prefers-reduced-motion:reduce) {

    .marquee-track,
    .soft-pulse {
        animation: none
    }
}