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

  /* Menus */

  .ui.fixed.menu {
    display: none !important;
  }
  .secondary.pointing.menu .item,
  .secondary.pointing.menu .menu {
    display: none;
  }
  .secondary.pointing.menu .toc.item {
    display: block;
  }

  /* Masthead */

  .masthead.segment {
    min-height: 350px;
  }
  .masthead h1.ui.header {
    font-size: 2em;
    margin-top: 1.5em;
  }
  .masthead h2 {
    margin-top: 0.5em;
    font-size: 1.5em;
  }

  /* Content */

  #about {
    text-align: center;
  }

  #about img {
    float: none;
    margin: 0 auto;
  }

  #portion {
    text-align: center;
  }

  #partner {
    text-align: center;
  }

  #partner img {
    float: none;
    margin: 0 auto;
  }

}