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

.stripe.segment {
  background-color: #fafafa!important;
}

.hidden.menu {
  display: none;
}

.masthead.segment {
  min-height: 500px;
  padding: 1em 0em;
}
.masthead .logo.item img {
  margin-right: 1em;
}
.masthead .ui.menu .ui.button {
  margin-left: 0.5em;
}
.masthead h1.ui.header {
  margin-top: 3em;
  margin-bottom: 0em;
  font-size: 4em;
  font-weight: normal;
}
.masthead h2 {
  font-size: 1.7em;
  font-weight: normal;
}

.ui.vertical.stripe {
  padding: 5em 0em;
}
.ui.vertical.stripe h3 {
  font-size: 2em;
}
.ui.vertical.stripe .button + h3,
.ui.vertical.stripe p + h3 {
  margin-top: 3em;
}
.ui.vertical.stripe .floated.image {
  clear: both;
}
.ui.vertical.stripe p {
  font-size: 1.33em;
}
.ui.vertical.stripe .horizontal.divider {
  margin: 3em 0em;
}

.quote.stripe.segment {
  padding: 0em;
}
.quote.stripe.segment .grid .column {
  padding-top: 5em;
  padding-bottom: 5em;
}

.footer.segment {
  padding: 5em 0em;
  background-color: #fafafa;
}

.ui.large.menu {
  border-width: 0;
}

.secondary.menu .toc.item {
  display: none;
}

.ui.vertical.masthead.center.aligned.segment .ui.container {
  padding-bottom: 15px;
}

/*.ui.inverted.vertical.masthead.center.aligned.segment .ui.container {
  background-color: #8D682C!important;
}*/

.ui.vertical.masthead.center.aligned.segment {
  background-color: #fafafa!important;
  border-bottom-width: 0;
}

.footer p, .footer a, .footer h2, .footer h3, .footer h4, .footer h5{
  color: #fafafa!important;
}

/*@media only screen and (max-width: 700px) {*/
@media (max-width: 775px) { 
  .ui.fixed.menu {
    display: none !important;
  }
  .secondary.menu .item,
  .secondary.menu .menu {
    display: none;
  }
  .secondary.menu .toc.item {
    display: block;
  }
  .masthead h1.ui.header {
    font-size: 2em;
    margin-top: 1.5em;
  }
  .masthead h2 {
    margin-top: 0.5em;
    font-size: 1.5em;
  }


}