@charset "UTF8";
/* Todas as demais midias  */

/* typical device Breakpoints
----------------------------- 
celulares: 320px até 480px
tablet: 481px até 768px
Desktop: 769px até 1200px
TV: acima de 1200px
*/

* {
  font-family: 'Courier New', Courier, monospace;
}



@media print {
  
  main {
    width: 90vw;
    border: 2px solid black;
  }
  main::after {
    content: 'Essa impressão foi feita atravez do site:https://emmmanuelmarcosdeoliveira.github.io/';
  text-decoration: overline;
  }
  
  
  main h1 {
    /* background-image: url(../imagens/back-print.jpg); } Descecessário pois não fica legal imrprimir back-ground image */
   
    text-shadow: none;
    color: #000;
  }

img#phone {  display: none; }
img#tablet {  display: none; }
img#print {  display: block; }
img#pc {  display: none; }
img#tv {  display: none; }
  }

@media screen and (min-width:520px) and (max-width:768px) {
  body {
    background-image: url(../imagens/back-tablet.jpg); }

img#phone {  display: none; }
img#tablet {  display: block; }
img#print {  display: none; }
img#pc {  display: none; }
img#tv {  display: none; }
  }

@media screen and (min-width:769px) and (max-width:1200px) {
body { 
    background-image: url(../imagens/back-pc.jpg);  
  }
img#phone {  display: none; }
img#tablet {  display: none; }
img#print {  display: none; }
img#pc {  display: block; }
img#tv {  display: none; }
  }


  @media screen and (min-width: 1201px) {
  body {
    background-image: url(../imagens/back-tv.jpg); 
  }
main {
  width: 1000px;
}
    img#phone {  display: none; }
    img#tablet {  display: none; }
    img#print {  display: none; }
    img#pc {  display: none; }
    img#tv {  display: block; }
      }
    }