Em vez de escrever suas consultas de mídia como esta:
@media only screen and (min-width: 40em) {}simplesmente remova o only screen and:
@media (min-width: 40em) {}ou altere-o para allse ainda quiser colocá-los em quarentena:
@media only all and (min-width: 40em) {}Seus estilos responsivos agora irão fluir para as páginas impressas também. Um usuário pode até mesmo alterar o tamanho e a orientação do papel e tudo “simplesmente funcionará” *
Obviamente, você ainda deseja ocultar elementos irrelevantes