html - Does displaying none on duplicate content affect SEO/Semantics? -

does display: none on duplicate content affect seo/semantics?

suppose you're building mobile-first, responsive site. @ smaller breakpoints, you've opted show page's heading tagline (<h1>) in main hero banner. however, later, you'd display company logo in same spot, , display tagline in sub banner. example:

<!-- assuming following markup --> <header class="hero-banner">     <h1 class="hide-on-lg">company tagline</h1>     <img src="..." class="show-on-lg" /> </header> <div class="subhead-banner">     <h1 class="show-on-lg">company tagline</h1> </div> 

...with following css:

.hide-on-lg {     display: block; } .show-on-lg {     display: none; } @media (min-width: 1200px) {     .show-on-lg {         display: block;     }     .hide-on-lg {         display: none;     } } 

the semantic rule should never have more single h1 on page, question this:

does having duplicate content affect seo, or violate semantics, if 1 variation ever visible?

google crawls css ‘display:none’ content, duplicate content. more info here http://seoshrugged.com/2014/07/13/does-google-crawl-css-displaynone-content/