@media screen and (max-width: 540px) {

	body { 
        font-size: 1.1em; 
	}

	
    
    header {
        padding: 0 0 8px;
        font-size: 1.1em; 
    }

    .h1, .h2, .h3, h1, h2, h3 {
        margin: 2px auto;
    }

    header h1 a,
    header h1 a:hover,
    header h1 a:visited {
	    font-size: 1.4em;
    }


	nav#mainnav ul li a { 
        margin-top: 0; 
        padding: 1em; 
	}

    .OnlyDesktopView { display: none; }

    .UserInfo {
        top: 59px;
        max-width: 65%;
    }
    .rangeBox {
        width: 100%;
    
    }
    .ImageCenteredOverlay
    {
        /*opacity: 0.8;*/
        top: 10%;
        width: 60%;
        left: 20%;
    }

}