.jqm-content 		{ padding: 5px 5% 2.5em; }
#logo				{ background: white; padding-left: 2.8em;}
.ui-header			{ background: white; }
.socialicons        { float: right; padding-top: 10px; padding-right: 50px; }

.ui-header          { height: 55px; }

@media all and (min-width: 1000px)
{
#logo				{ padding-left: 0em; margin-left:25%; }
/*#logo				{ padding-left: 20%; width: 180px; }*/
.jqm-content 		{ padding: 10px 25% 2.5em; }
.socialicons        { padding: 10px 25% 0px; }
}

@media all and (max-width: 350px)
{
#logo img           { width: 45%; height: auto; }    
}

/* make the header nav buttons larger*/
.ui-header > .ui-btn
{
    padding: 5px;
    border-radius: 18px;
}