.hidden.menu { display: none; }
body {
    padding-top: 0;
}
  .masthead.segment {
      min-height: 700px;
      padding: 1em 0em;
    }
    .masthead .logo img {
      margin-right: 1em;
    }

    .masthead .ui.menu.navbar img {
        max-height: 25px;
      margin-right: 1em;
    }

    .masthead .ui.secondary.inverted.menu .active.item {border-color: var(--secondary-color) !important; }
    .masthead .ui.secondary.inverted.menu .item.primary {
        color: var(--primary-color) !important;
}
    .masthead .ui.menu.navbar .ui.button {
      margin-left: 0.5em;
       border-radius: .28571429rem;
    }

    .masthead .ui.header {
      margin-top: 3em;
      margin-bottom: 0em;
      font-size: 4em;
      font-weight: normal;
    }
    .masthead h2 {
      font-size: 1.7em;
      font-weight: normal;
    }
    .masthead h2.inverted {
     color: #888;
    }

    .masthead .ui.menu .item.primary {
        color: var(--primary-color) !important;
    }


    .masthead .ui.button.primary,
 .masthead .ui.button.secondary,
 .masthead .ui.button.tersiary {
        border-radius: 2rem;
      margin-top: 3em;
       
    }
    .masthead .ui.button.primary {
        color: var(--primary-color) !important;
        box-shadow: 0 0 0 2px var(--primary-color) !important;
    }
    .masthead .ui.button.secondary {
        color: var(--secondary-color) !important;
        box-shadow: 0 0 0 2px var(--secondary-color) inset !important;
    }
    .masthead .ui.button.tersiary {
        background: var(--tersiary-color) !important;
        color:  var(--tersiary-text) !important;
        box-shadow: 0 0 0 2px var(--tersiary-color) inset !important;
    }
    .masthead .ui.button.primary:hover {
        color: #fff !important;
        background: var(--primary-color) !important;
        box-shadow: 0 0 0 2px transparent inset !important;
    }
    .masthead .ui.button.secondary:hover {
        color: #fff !important;
        background: var(--secondary-color) !important;
        box-shadow: 0 0 0 2px transparent inset !important;
    }
    .masthead .ui.button.tersiary:hover {
        color:  var(--tersiary-color) !important;
        background: transparent !important;
        box-shadow: 0 0 0 2px var(--tersiary-color) inset !important;
    }



    .ui.vertical.stripe {
      padding: 18em 0em;
    }
    .ui.vertical.stripe h3 {
      font-size: 2em;
      margin-bottom: 1em;
    }

    .ui.vertical.stripe p  {
      margin-bottom: 1em;
    }
    .ui.vertical.stripe .button  {
      margin-top: 2em;
    }
    .ui.vertical.stripe .floated.image {
      clear: both;
    }
    .ui.vertical.stripe p {
      font-size: 1.33em;
    }
    .ui.vertical.stripe .horizontal.divider {
      margin: 3em 0em;
    }


.ui.vertical.stripe.quote {
    
}
.ui.vertical.stripe.quote .column.small h3 {
    font-size: 1.5em;

}

.ui.vertical.stripe.quote .column.small p {
    font-size: 1em;

}




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

    .secondary.pointing.menu .toc.item {
      display: none;
    }
*/
    /* mobile sidebar */
    /* @media only screen and (max-width: 700px) {
        
      .hidden.menu {
        display: none !important;
      }
      .ui.fixed.menu {
        display: none !important;
      }
      .secondary.pointing.menu .item,
      .secondary.pointing.menu .menu,
      .secondary.pointing.menu .navlogo {
        display: none;
      }
      .secondary.pointing.menu .toc.item {
        display: block;
      }
      .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;
      }
    }