@media screen and (min-width: 64em) {
  .pure-menu.pure-menu-responsive > .pure-menu-heading {
      display: inline-block;
      *display: inline;
      zoom: 1;
      margin: 0;
      vertical-align: middle;
  }
  .pure-menu.pure-menu-responsive > ul {
      display: inline-block;
      *display: inline;
      zoom: 1;
      vertical-align: middle;
  }
  
  /* Initial menus should be inline-block so that they are horizontal */
  .pure-menu-responsive li {
      display: inline-block;
      *display: inline;
      zoom: 1;
      vertical-align: middle;
  }
  
  /* Submenus should still be display: block; */
  .pure-menu-responsive li li {
      display: block;
  }
  
  /* Content after should be down arrow */
  .pure-menu-responsive > .pure-menu-children > .pure-menu-can-have-children > .pure-menu-label:after {
      content: "\25BE";
  }
  /*Add extra padding to elements that have the arrow so that the hover looks nice */
  .pure-menu-responsive > .pure-menu-children > .pure-menu-can-have-children > .pure-menu-label {
      padding-right: 30px;
  }
  
  /* Adjusting separator for vertical menus */
  .pure-menu-responsive li.pure-menu-separator {
    height: 50%;
    width: 1px;
    margin: 0 7px;
  }
  
  /* Submenus should be responsive separator again */
  .pure-menu-responsive li li.pure-menu-separator {
    height: 1px;
    width: auto;
    margin: 7px 2px;
  }
}



.pure-menu.pure-menu-open, .pure-menu.pure-menu-horizontal li .pure-menu-children {
  border-width: 1px 0;
}

body {
  font-family: 'Roboto', sans-serif;
}

.pure-g [class *= "pure-u"] {
  font-family: 'Roboto', sans-serif;
}

p, pre {
  padding: .3em;
}