html { 
    overflow: -moz-scrollbars-vertical; 
    background: #FFF;
} 

body {
    margin: 0; padding: 0;
    position: absolute;
    top: 0px; left: 0px;
    height: 100%; width: 100%;
    font-family: 'Merriweather', serif;
    font-size:18px;
}

h1 {
    font-size: 30px;
    font-weight: bold;
}

#outer { 
    position: relative; 
    margin: 0; padding: 0;
    margin-top:5px;    
} 

#header {
    text-align: center;
}

#pictheader {
    overflow: hidden;
    background: #0E4876;
    text-align: center;
    margin: 0; padding: 0;    
    width: 100%;
}
       

#pictheader img {
    height: auto;
    max-width: 100%;
}

#maincol {
    margin-left: auto; margin-right: auto;
    max-width: 750px;
    /*padding:5px;*/
}

#bottom {
    min-height: 150px;
    color: #ffffff;
    background: #0E4876;
    text-align: center;
    padding:20px;
} 

#bottom a, a:visited {
    color:white;
}

.element { pointer-events: none; }
.element > a { text-decoration:none; color:inherit; }

#footer {
    /*position: absolute;*/
    min-height: 40px;
    /* left: 0px; bottom: 0px; */
    color: #5D5E62;
    
    
    margin-left: auto; margin-right: auto;
    max-width: 750px;
    font-size:15px;
} 

#footer a {color:blue;}
    
#footergris {    background: #EFEFEF; }
        

@media print {
body {color:black; margin:0; padding:0; border:0; background: none; width:100%}
#content {border: 1px solid black;}
h1, h2, h3 {page-break-after:avoid; page-break-inside:avoid;}
table {width:100%; border-collapse:collapse; border-spacing:0; border-top:0.5pt solid #000;}
th, td {display:table-cell; border-bottom:0.5pt solid #000;}
blockquote {page-break-inside:avoid}
ul, ol, dl {page-break-before:avoid}

}    


@media only screen and (max-width: 960px) {
    .debug{ background-color: #cce4ff; } /* blue */
    
    #outer { width:100%; margin:0; padding:0;}
    
}


@media only screen and (max-width: 750px) {
    .debug{ background-color: #bafcc3; } /* green */
    
    body {font-size:18px;}
    
    .hide-mobile{display:none !important;}
    .show-mobile{display:block !important;}
    .only-mobile{display:block !important;}

    
        
}

@media only screen and (max-width: 375px) {
    .debug{ background-color: #f9ffbc; } /* yellow */
    
    
    .mobile-head {
    margin-top:8px;
    font-size:11px;
    margin-left:5px;

    }

    .mobile-head span {
            font-size:10px;
    }
    
    h1 { font-size: 22px; }
    
    #header { font-size:12px;}
    
    #maincol {padding-left:10px;padding-right:10px;}
}