Meet Landing Page

Did you try the code inside the comment? It looks good to me, except the selector is probably meant to be written footer::before.

Usually, you'd write responsive stylesheets mobile-first, and then add the tablet/desktop rules with media queries. That way, you don't have to repeat shared styles in each stylesheet:

footer::before {
/* mobile declarations */
}

@media (min-width: 768px) {
footer::before {
/* tablet declarations */
}
}

/* desktop */
@media (min-width: 1300px) {
}

You could have the section separator stay where it is, but with a larger z-index than the footer. Don't forget to give the circle a background color, so that you can actually see it on top of the footer!

.section-divider {
position: relative;
z-index: 1;
}

.section-number {
background: white;
}