@media handheld, only screen and (max-width: 830px) {
  
  .maincontent {
    position: relative;
  }
  .maincontent img.logo {
    float: none;
  }
  .maincontent #loggedin {
    display: none;
  }
  #menu-container {
    display: none;
  }
  #mobile-menu-icon {
    display: block;
  }
  #mobile-menu {
    background-image: url('/images/menu_icon.png');
    width: 40px;
    height: 40px;
    text-indent: -9999px;
    position: absolute;
    right: 18px;
    top: 30px;
  }
  .footer ul {
    text-align: center;
  }
  .footer ul li {
    float: none;
    display: inline-block;
  }
  
}