/* Joanna'Portal Page Stylesheet */

/* Start GLOBAL RULES */

html{
    background-color: #ffc; /* Red Green Blue */
}

div.wrapper{
    background-color:azure;
    width:80%;
    margin:auto;
    overflow:auto;
}

p {
    margin-left:1em; 
}
  
h1, h2, h3 {
    margin-left:.5em;
}

.pageID {
    color:#f00;
}

footer {
    text-align: center;
}
/* End GLOBAL RULES */

/* Start RESPONSIVE RULE */

/* Desktop */
@media all and (min-width:1400px){


   img.tablet,img.phone {
        display:none;
    
    }
    
    img.desktop
    {width:50%;
    float:right;}
}

/* Tablet */
@media all and (min-width:501px) and (max-width:1399px) {
    
    img.desktop,img.phone {
        display:none;
    }
        img.tablet {
            width:50%;
            float:left;
        }
    }

/* Phone */
@media all and (max-width:500px) {
    
    div.wrapper {
        width:100%;
    }
    img.tablet, img.desktop {
        display:none;
    }
        img.phone{
            width:100%;
        }
    
    }

/* End RESPONSIVE RULE */