@charset "UTF-8";

/*Todas as Demais versoes*/
/* typical device breakpoints

Mobile devices – 320px — 480px.
iPads, Tablets – 481px — 768px.
Small screens, laptops – 769px — 1024px.
Desktops, large screens – 1025px — 1200px.
Extra large screens, TV – 1201px, and more.

*/

/* não precisa disso pois ja criamos a versao para mobile (mobile first)
  @media print {
  }

  @media screen and (max-width: 600px) {
  }
  @media scrren and (min-width:600px ) and (max-width:768px){

  }
**/
@media print {
  main::after {
    content: "essa impressão foi feita..";
    text-decoration: overline;
  }
  main h1 {
    text-shadow: none;
    color: black;
  }
  main {
    border: 2px solid black;
  }
  body {
    background-image: url(../imagens/back-prin.jpg);
    font-family: "Courier New", Courier, monospace;
  }
  img#phone {
    display: none;
  }
  img#laptop {
    display: none;
  }
  img#tablet {
    display: none;
  }
  img#print {
    display: block;
  }
  img#pc {
    display: none;
  }
  img#tv {
    display: none;
  }
}
@media screen and (min-width: 481px) and (max-width: 1024px) /*Tablets*/ {
  body {
    background-image: url(../imagens/back-tablet.jpg);
  }
  img#phone {
    display: none;
  }
  img#tablet {
    display: block;
  }
  img#laptop {
    display: none;
  }
  img#print {
    display: none;
  }
  img#pc {
    display: none;
  }
  img#tv {
    display: none;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1366px) /*notebook*/ {
  body {
    background-image: url(../imagens/back-laptop.jpg);
  }
  img#phone {
    display: none;
  }
  img#tablet {
    display: none;
  }
  img#laptop {
    display: block;
  }
  img#print {
    display: none;
  }
  img#pc {
    display: none;
  }
  img#tv {
    display: none;
  }
}

@media screen and (min-width: 1367px) and (max-width: 1919px) /*Desktop*/ {
  body {
    background-image: url(../imagens/back-pc.jpg);
  }
  img#phone {
    display: none;
  }
  img#tablet {
    display: none;
  }
  img#laptop {
    display: none;
  }
  img#print {
    display: none;
  }
  img#pc {
    display: block;
  }
  img#tv {
    display: none;
  }
}
@media screen and (min-width: 1920px) /*Tv*/ {
  main {
    width: 700px;
  }
  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;
  }
}