@import url(../../../stylesheets/responsive.css);

@media screen and (max-width: 899px)
{
  #header {
    width: 100%;
    height: 64px; /* the height of our header on mobile */
    min-height: 0;
    margin: 0;
    padding: 0;
    border: none;
    background-color: #e1e1e1;
    position: fixed;
    z-index: 9999;
  }

  /* reset #header a color for mobile toggle button */
  #header a.mobile-toggle-button {
    color: black;
  }

  .flyout-menu {
    position: absolute;
    right: -250px;

    display: block; /* remove display: none; of non-mobile version */
    overflow-x: hidden;

    width: 250px;
    height: 100%;
    margin: 0; /* reset margin for themes that define it */
    padding: 0; /* reset padding for themes that define it */

    color: white;
    background-color: #3e764c;
  }

  .flyout-menu h3 {
    font-size: 11px;
    line-height: 19px;

    height: 20px;
    margin: 0;
    padding: 0;

    letter-spacing: .1em;
    text-transform: uppercase;

    color: black;
    border-top: 1px solid #EEEEEE;
    border-bottom: 1px solid #EEEEEE;
    background-color: #e1e1e1;
  }

  .flyout-menu a {
    color: white;
  }

  #project-jump .drdn-trigger {
    font-size:1.5em;
    font-weight:bold;
    display:block;
    width:100%;
    color: black;
    padding-left:24px;
    background:transparent;
    height:50px;
    line-height:40px;
    border:0;
  }  

}*/