Use display: block for .main-content's media query instead of moving to a flex-flow: column