@media (min-width:320px)  
{ 
    /* smartphones, iPhone, portrait 480x320 phones */ 
    body{
        background-image: url(background.jpg);
        background-repeat:no-repeat;
        background-size: cover;
    }
    
    #main{
        margin-left: auto;
        margin-right: auto;
        margin-top: 100px;
        width: 200px;
        height: auto;
    }
    
    #image{
        max-width:100%;
        max-height:100%;
    }
    
    #warning{
        margin-left: auto;
        margin-right: auto;
        margin-top:30px;
        width: 200px;
        height: 50px;
        background-color: white;
        text-align: center;
        vertical-align:middle;
    }
    
    p{
        margin: auto auto;   
    }
}
@media (min-width:481px)  
{ 
    /* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. */ 
    body{
        background-image: url(background.jpg);
        background-repeat:no-repeat;
        background-size: cover;
    }
    
    #main{
        margin-left: auto;
        margin-right: auto;
        margin-top: 100px;
        width: 400px;
        height: auto;
    }
    
    #image{
        max-width:100%;
        max-height:100%;
    }
    
    #warning{
        margin-left: auto;
        margin-right: auto;
        margin-top:30px;
        width: 400px;
        height: 50px;
        background-color: white;
        text-align: center;
        vertical-align:middle;
    }
    
    p{
        margin: auto auto;   
    }
}
@media (min-width:641px)  
{ 
    /* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */ 
    body{
        background-image: url(background.jpg);
        background-repeat:no-repeat;
        background-size: cover;
    }
    
    #main{
        margin-left: auto;
        margin-right: auto;
        margin-top: 100px;
        width: 500px;
        height: auto;
    }
    
    #image{
        max-width:100%;
        max-height:100%;
    }
    
    #warning{
        margin-left: auto;
        margin-right: auto;
        margin-top:30px;
        width: 500px;
        height: 50px;
        background-color: white;
        text-align: center;
        vertical-align:middle;
    }
    
    p{
        margin: auto auto;   
    }
}
@media (min-width:961px)  
{ 
    /* tablet, landscape iPad, lo-res laptops ands desktops */ 
    body{
        background-image: url(background.jpg);
        background-repeat:no-repeat;
        background-size: cover;
    }
    
    #main{
        margin-left: auto;
        margin-right: auto;
        margin-top: 100px;
        width: 500px;
        height: auto;
    }
    
    #image{
        max-width:100%;
        max-height:100%;
    }
    
    #warning{
        margin-left: auto;
        margin-right: auto;
        margin-top:30px;
        width: 500px;
        height: 50px;
        background-color: white;
        text-align: center;
        vertical-align:middle;
    }
    
    p{
        margin: auto auto;   
    }
}
@media (min-width:1025px) 
{ 
    /* big landscape tablets, laptops, and desktops */ 
    body{
        background-image: url(background.jpg);
        background-repeat:no-repeat;
        background-size: cover;
    }
    
    #main{
        margin-left: auto;
        margin-right: auto;
        margin-top: 100px;
        width: 500px;
        height: auto;
    }
    
    #image{
        max-width:100%;
        max-height:100%;
    }
    
    #warning{
        margin-left: auto;
        margin-right: auto;
        margin-top:30px;
        width: 500px;
        height: 50px;
        background-color: white;
        text-align: center;
        vertical-align:middle;
    }
    
    p{
        margin: auto auto;   
    }
}
@media (min-width:1281px) 
{ 
    /* hi-res laptops and desktops */ 
    body{
        background-image: url(background.jpg);
        background-repeat:no-repeat;
        background-size: cover;
    }
    
    #main{
        margin-left: auto;
        margin-right: auto;
        margin-top: 100px;
        width: 1000px;
        height: auto;
    }
    
    #image{
        max-width:100%;
        max-height:100%;
    }
    
    #warning{
        margin-left: auto;
        margin-right: auto;
        margin-top:30px;
        width: 1000px;
        height: 50px;
        background-color: white;
        text-align: center;
        vertical-align:middle;
    }
    
    p {
        font-family: "Times New Roman", Times, serif;
    }

}