@primaryColor: #3574FF;
@secondaryColor: #9FB5D6;

.hidden.menu {
      display: none;
    }

    .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: #9FB5D6 ; }
    .masthead .ui.secondary.inverted.menu .item.primary {
        color: #3574FF;
}
    .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: #3574FF;
}


    .masthead .ui.button.primary,
 .masthead .ui.button.secondary,
 .masthead .ui.button.tersiary {
        border-radius: 2rem;
      margin-top: 3em;
       
    }
    .masthead .ui.button.primary {
        color: #3574FF;
        box-shadow: 0 0 0 2px #3574FF inset !important;
    }
    .masthead .ui.button.secondary {
        color: #9FB5D6;
        box-shadow: 0 0 0 2px #9FB5D6 inset !important;
    }
    .masthead .ui.button.tersiary {
        color: #545454;
        box-shadow: 0 0 0 2px #545454 inset !important;
    }
    .masthead .ui.button.primary:hover {
        border-radius: 2rem;
        color: #fff;
        background: #3574FF;
        box-shadow: 0 0 0 2px transparent inset !important;
    }
    .masthead .ui.button.secondary:hover {
        border-radius: 2rem;
        color: #fff;
        background: #9FB5D6;
        box-shadow: 0 0 0 2px transparent inset !important;
    }
    .masthead .ui.button.tersiary:hover {
        border-radius: 2rem;
        color: #fff;
        background: #545454;
        box-shadow: 0 0 0 2px transparent 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;
    }





    @media only screen and (max-width: 700px) {
      .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;
      }
    }