If I hide something for mobile using mobile first, will Google see it as hidden? – SEO

I have a text element on a page that needs to be hidden on mobile, but displayed on larger screens. Using mobile first, the way I’d do it is this:

.secondary {
     display:none;
}

@media screen and (min-width: 480px) {
    .secondary {
        display:block;
    }
}

Would search engines like Google see this element as hidden and discount it or would they see the media query and assume it’s page content?