/* Here we define style elements that apply
    at all resolutions.
*/

body,html { margin:0; }

#container {
    position:relative;
    display: block;
    width:100%;
    height:100%;
    overflow:hidden;
    /*background-color:white;*/
}

#content {
    max-width:600px; 
    max-height:792px; 

    position:relative;
    margin-top:0;
    margin-left:auto;
    margin-right:auto;
    width:100%;
    height:100%;
}

#infographic {
    max-width:600px; 
    max-height:792px;
    
    width:100%
}

#infographic_safari {
    max-width:600px; 
    max-height:792px;
    width:100%; 
    display:none;
}

.z-box {
    position: absolute;     
    -webkit-user-select:none;
    -moz-user-select:none;
}

.z-box:hover { cursor:pointer; }

.z-box.modalTarget { z-index: 100 ;}