/****  mobile phone screen  ****/
body {  margin:0px; width: 100%; }
div#centerpage{  width: 100%;  
font-family: Helvetica, Arial, sans-serif;
}

html { background-image: url(PA_301.JPG); }

img { border: none }

img.cover
{  float: left; padding-right: 1.2em; padding-bottom: 1em; }


header#banner
{  
   background-color: rgba(238,221,238,0.4);
   margin: 0px 2px;
}

footer
{  margin:0; padding-top:5px; padding-bottom: 5px; 
   background-color: rgba(238,221,238,0.4);
   border-top: thin solid darkblue;
}

section#main {  margin: 0px 2px; }

nav.navbar
{  background-color: darkblue; }

nav a:link, nav a:visited
{  text-decoration: none;  
   color: white;
   margin-left:1em;
}

div#name
{  text-align: center; font-size: x-large; 
   font-weight: bold;
   line-height: 140%;
}
img#photo
{  box-shadow: 4px 3px 8px rgba(0, 0, 0, 0.38);
   -webkit-box-shadow: 4px 3px 8px rgba(0, 0, 0, 0.38);
   display: block;
}