.f-root .f-container {
    background-color: white;
    border-top: 1px solid #d0d0d0;
    padding: 1rem;
}

.f-root .f-browse-by-city {
    font-size: 1.25rem;
    color: black;
    margin-bottom: 1rem;
    text-align: left;
}

.f-root .cities-wrapper {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 2rem;
}

.f-root .city-link {
    display: block;
    padding: 0.25rem 0;
    font-size: 0.9rem;
    text-decoration: none;
    color: black;
    flex-basis: 25%;
    text-align: left;
}

    .f-root .city-link:hover {
        color: #767676;
    }

.f-root .bottom-wrapper {
    display: flex;
    flex-wrap: wrap;
}

.f-root .copyright-wrapper {
    order: 1;
    flex-basis: 50%;
}

.f-root .copyright {
    color: black;
    font-size: 0.9rem;
    padding: 0.5rem 0;
}

.f-root .legalnote {
    color: black;
    font-size: 0.7rem;
    padding-right: 4rem;
}

.f-root .page-link-wrapper {
    order: 2;
    flex-basis: 50%;
    display: flex;
    flex-wrap: wrap;
}

.f-root .page-link {
    display: block;
    padding: 0.5rem 0;
    font-size: 0.9rem;
    font-weight: 500;
    text-decoration: none;
    color: black;
    flex-basis: 50%;
    text-align: left;
}

    .f-root .page-link:hover {
        color: #767676;
    }

@media (max-width: 768px) {
    .f-root .f-browse-by-city {
        text-align: center;
    }

    .f-root .city-link {
        flex-basis: 50%;
        text-align: center;
    }

    .f-root .copyright-wrapper {
        order: 2;
        flex-basis: 100%;
    }

    .f-root .legalnote {
        padding-right: 0;
    }

    .f-root .page-link-wrapper {
        order: 1;
        flex-basis: 100%;
        margin-bottom: 2rem;
    }

    .f-root .page-link {
        text-align: center;
    }
}