@import url("/assets/responsive-194751d3.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: #628db6;
    position: fixed;
    z-index: 9999;
  }

  /* Hide project name on mobile (project name is still visible in select menu) */
  #header h1 {
    background-size: 200px;
    display: block !important;
    font-size: 1.2em;
    padding: 20px 10px 20px 210px;
    overflow: clip;
    text-overflow: ellipsis;
  }

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

}

