/*  page top  */				
		div.top { background-color: black; font-size: 0; padding: 5px 0; }
		div.header{ color: black; background-color: lightsteelblue; width: 100%; padding: 5px 0 5px 0; }
        header { color: black; background-color: lightsteelblue; font-family: garamond, serif; width: 100%; text-align: center;  padding: 3px 0; font-size: 100%; display: inline;} 
        h1.header { padding: 0; margin: 0; font-weight: 300; display: inline; }
        img.road { float: left; display: inline; padding: 14px 0px 0 20px; }
        img.home { float: right; display: inline; padding: 8px 20px 0 0; }

        
/*  content  */
		body { background: whitesmoke; }  
        ul.bxslider { margin: 0; padding: 0; text-align: center; font-size: .85em; }
        h4.road { margin: 0; }
        
/* breakpoint 550 */		
@media (max-width: 550px) 
{
    header { font-size: 90%; }
    img.road{ display: inline; padding: 12px 0 0 15px; }
    img.home { padding: 7px 15px 0 0; }
    ul.bxslider { font-size: .75em}
}

/* breakpoint 375 */		
@media (max-width: 375px) 
{
    header { font-size: 80%; }
    img.road{ padding: 10px 0 0 10px; }
	img.home { padding: 6px 10px 0 0; }
}