@media only screen and ( max-width: 700px )

{
.maxwidth {width:100%;}
.content {width:95%;font-size:1.1em;}
    #homepage, #boardcertified  {font-size:1.1em;}
   #reviews, #patients {font-size:1.1em;}
#logo {width:95%;margin-bottom:1em;} /* of the masthead */
#address li {display:block;line-height:2em;}
#address a { font-size:1.4em;}
.spacer:after {display:none;}
#services {margin:0 60px 0 60px;}
#homepage {width:95%;}
#foot {display:none;}
#footmobile {display:inline-block;padding-left:33%;}
#nav a {font-size:1.2em;}
#nav ul > li {  display: inline; margin:0 15px 0 0;}
.office-map, .office-hours {display:block;text-align:center;padding:20px 0 20px 0;}

  .office-hours {width:50% ;font-size:1.1em;}
  .day {width:120px;}
  .hours {width:100px:}
  .map {width:80%;height:225;}
}