@charset "UTF-8";
/* midias-query.css */

/* Typical device breakpoints
--------------------------------
320px - 480px    Mobile devices
481px - 768px    iPads, Tablets
769px - 1024px   Small screens, laptops
1025px - 1200px  Desktops, large screens
1201px and more  Extra large screens, TV
-------------------------------- */
@media print {
  /*impressão*/
  body {
    background-image: url("../imagens/back-print.jpg"); /*Desnecessario Não aparece em impressão*/
  }

  main {
    width: 90vw;
    border: 3px solid black;
  }

  main::after {
    content: "essa impressão é apenas um teste";
    text-decoration: overline;
  }

  main h1 {
    font-family: "Courier New", Courier, monospace;
    text-shadow: none;
    color: black;
  }

  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: 768px) and (max-width: 992px) {
  /*tablet*/
  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: 992px) and (max-width: 1200px) {
  /*desktop*/
  body {
    background-image: url("../imagens/back-pc.jpg");
  }
  img#phone {
    display: none;
  }
  img#tablet {
    display: none;
  }
  img#print {
    display: none;
  }
  img#pc {
    display: block;
  }
}
@media screen and (min-width: 1200px) {
  /*Grandes Telas*/
  body {
    background-image: url("../imagens/back-tv.jpg");
  }
  img#phone {
    display: none;
  }
  img#tablet {
    display: none;
  }
  img#print {
    display: none;
  }
  img#pc {
    display: none;
  }
  img#tv {
    display: block;
  }
}