/* page top */				
div.top { background-color: black; font-size: 0; padding: 5px 0; }
div.header{ color: #4d4d4d;  width: 100%; padding: 5px 0 5px 0; }
header { color: #4d4d4d; background-color: silver; font-family: garamond, serif; width: 100%; text-align: center; padding: 3px 0; font-size: 100%; width: 100%; display: inline; } 
h1.header { padding: 0; margin: 0; font-weight: 600; display: inline; }
label.menu-icon { float: left; display: inline; padding: 15px 0 0 20px; cursor: pointer; }
img.home { float: right; display: inline; padding: 8px 20px 0 0; }

/* breakpoint 550 */		
@media (max-width: 530px) 
{
       header { font-size: 90%;  }
       label.menu-icon { display: inline; padding: 12px 0 0 15px; } 
       img.home { padding: 7px 15px 0 0; }
}	

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