@charset "UTF-8";

@media print{
    *{
        font-family: 'Courier New', Courier, monospace;
    }
    main{
        border: 2px solid black;
    }
    
    main h1{
        color: black;
        text-shadow: none;
    }
}

@media screen and (min-width: 768px) and (max-width: 992px){
    body{
        background-image: url(img/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){
    body{
        background-image: url(img/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: 1200px){
    body{
        background-image: url(img/back-tv.jpg);
    }

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

}