@media screen and (min-width: 768px)
{
    .breadCrumb,
    .row.mobile.logo,
    .nav-toggle {
        display: none;
    }

    #tinynav1,
    #tinynav2,
    #samIam {
        display: none;
    }

    .js .nav-collapse,
    nav.mobilemenu {
        display: none;
    }

    nav {
        padding-top: 20px;
    }

    nav ul {
      padding: 5px 0px;
      border-radius: 3px;
      font-weight: 300;
      font-size: .9em;
      list-style: none;
    }

    nav ul li {
        border-top: 1px solid rgba(87,82,69,0.1);
        position: relative;
    }

    nav ul li:last-child {
        border-bottom: 1px solid rgba(87,82,69,0.1);
    }

    nav ul li a {
        padding: 6px 10px;
        display: block;
        text-decoration: none;
        background-color: initial;
        transition: background .2s ease-in-out;
        -moz-transition: background .2s ease-in-out;
    }

    nav a, nav a:link, nav a:visited {
      color: #223639;
    }

    nav ul li a:hover {
      background-color: rgba(87,82,69,0.1);
      transition: all .2s ease-in-out;
      -moz-transition: all .2s ease-in-out;
    }

    nav ul li.active a {
      font-weight: 400;
    }

    nav ul li ul {
      border-radius: 0;
      padding: 0;
    }

    nav ul li ul li {
      border-bottom: 0px;
    }

    nav ul li ul li:last-child {
      border-bottom: 0px;
    }

    nav ul li li a {
        font-size: .8em;
        padding-left: 15px;
    }

    nav ul li li.active a {
      padding-left: 15px;
    }

    nav ul li li.active a:before {
      content: "\27a2";
      vertical-align: middle;
    padding-right: 5px;
  }
  .hamburger {
    display:none;
  }
}

@media screen and (max-width: 767px)

{

.hamburger {
padding: 15px 15px;
display: inline-block;
cursor: pointer;
transition-property: opacity, filter;
transition-duration: 0.15s;
transition-timing-function: linear;
font: inherit;
color: inherit;
text-transform: none;
background-color: transparent;
border: 0;
margin: 0;
overflow: visible; 
position: absolute;
top: 18px;
right: 0;
}
.hamburger:hover {
opacity: 0.7; }
.hamburger.is-active:hover {
opacity: 0.7; }
.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner::before,
.hamburger.is-active .hamburger-inner::after {
background-color: #222; }

.hamburger-box {
width: 30px;
height: 20px;
display: inline-block;
position: relative; }

.hamburger-inner {
display: block;
top: 50%;
margin-top: -2px; }
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
width: 30px;
height: 3px;
background-color: #111;
border-radius: 4px;
position: absolute;
transition-property: transform;
transition-duration: 0.15s;
transition-timing-function: ease; }
.hamburger-inner::before, .hamburger-inner::after {
content: "";
display: block; }
.hamburger-inner::before {
top: -8px; }
.hamburger-inner::after {
bottom: -8px; }

.hamburger.hamburger--squeeze.is-active {
  position: fixed;
}

.hamburger--squeeze .hamburger-inner {
  transition-duration: 0.075s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--squeeze .hamburger-inner::before {
transition: top 0.075s 0.12s ease, opacity 0.075s ease; }
.hamburger--squeeze .hamburger-inner::after {
transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--squeeze.is-active .hamburger-inner {
transform: rotate(45deg);
           transition-delay: 0.12s;
           transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
.hamburger--squeeze.is-active .hamburger-inner::before {
top: 0;
opacity: 0;
transition: top 0.075s ease, opacity 0.075s 0.12s ease; }
.hamburger--squeeze.is-active .hamburger-inner::after {
bottom: 0;
transform: rotate(-90deg);
transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); 
}

@keyframes fadeIn {
0% {
right: -60%;
}
100% {
right: 0 !important;
}
}
@keyframes fadeOut {
0% {
right: 0 !important;
}
100% {
right: -60%;
}
}

.nav.is-active{
animation: .3s fadeIn;
display: block !important;
right: 0 !important;
       z-index: 100;
}

    nav {
        padding: 0;
        top: 60px;
        position: fixed;
        right: -1000px;
        display: block;
    }

    .nav.is-active {
      right: 0px;
      width: 60%;
    }

    nav ul {
      padding: 5px 0px;
      border-radius: 3px;
      font-weight: 300;
      list-style: none;
      font-size: .9em;
    }

    nav ul li {
        border-top: 1px solid white;
        position: relative;
        background-color: #20478f;
    }

    nav ul li:last-child {
        border-bottom: 1px solid white;
    }

    nav ul li a {
        color: white;
        padding: 6px 10px;
        display: block;
        text-decoration: none;
        background-color: initial;
        transition: background .2s ease-in-out;
        -moz-transition: background .2s ease-in-out;
        font-size: 1em;
    }

    nav a, nav a:link, nav a:visited {
     color: #fff;
    }

    nav ul li a:hover {
      background-color: #1e6cb5;
      transition: all .2s ease-in-out;
      -moz-transition: all .2s ease-in-out;
    }

    nav ul li.active a {
      font-weight: 400;
    }

    nav ul li ul {
      border-radius: 0;
      padding: 0;
    }

    nav ul li ul li {
      border-bottom: 0px;
    }

    nav ul li ul li:last-child {
      border-bottom: 0px;
    }

    nav ul li li a {
        padding-left: 15px;
    }

    nav ul li li.active a {
      padding-left: 15px;
    }

    nav ul li li.active a:before {
      content: "\27a2";
      vertical-align: middle;
    padding-right: 5px;
  }
    .nav-toggle {
        float: right;
        margin-right: 10px;
        cursor: pointer;
        font-size: 1.6em;
        line-height: 60px;
        text-transform: uppercase;
        color: white;
    }

    
.content ul, .content ol {
  margin: 0;
}

}