body {
      background:#ececec;
  }

  h1, h2, a {
    color:rgb(0, 155, 194);
  }

  .container {
     background:#fff;
     padding-left: 2em;
     padding-right: 2em;
 }

 .pt-5 {
     margin-top:5em;
 }

 .navbar-brand {
   margin-left:-1.5em;
 }

 .navbar-toggler-icon {
     background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0,155,194, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
 }

 nav ul {
     list-style:none;     
     padding:0;
     position:absolute;          
     top:1em;
     right:1em;
     width:400px;
 }

 nav ul li {
     float:left;
     position: relative;
     left: 2.6em;
 }

 nav ul li a {
     padding:0.5em 1em;
     text-transform:uppercase;
 }

 nav ul li.active a,
 nav ul li a:hover {
     background:#ececec;
     text-decoration:none;
 }

nav ul li ul {
    display:none;
    top:1.8em;
    left:0em;
    background:#efefef;
    width:200px;
    line-height:2em;
    padding-top:0.2em;
}

nav ul li:hover ul {
    display:block;
}

 nav ul li ul li {
     float:none;
     left:0;
 }

 nav ul li ul li a {
    padding:0.5em 1em;
    text-transform:none;
 }

 body > div > div.row > div.col-lg-4 {
   padding-top:2.8em;
   display:none;
 }
 body > div > div.row > div.col-lg-4 ul {
   list-style:none;
 }

 body > div > div.row > div.col-lg-4 ul li.active {
  /* text-decoration:underline; */
 }

  body > div > div.row > div.col-lg-4 > ul > li.active > ul > li.active > a {
  text-decoration:underline; 
 }

@media (max-width: 767px) {
  .navbar-expand-sm .navbar-toggler {
     border:2px solid #009BC2;
     display:block;
     position:absolute;
     right:0;
  }
  .navbar-expand-sm .navbar-collapse:not(.show) {
    display:none !important;
  }

  nav {
  }

  nav ul {
    left:0;
    top:6em;
    background:#fff;
    z-index:3;
    width:100%;
    text-align:center;
  }

  nav ul li {
    float:none;
    width:100%;    
    left:0;
  }

  nav ul li a  {
    display:block;
  }

  nav ul li ul {
    width:100%;
    margin-top:-1.8em;
    padding-top:0;
    position:relative;
    margin-bottom:2em;
  }

 }


@media (min-width: 768px) {
  .navbar-expand-sm .navbar-toggler {     
     display:none;
  }
}

@media (min-width: 992px) {  
  body > div > div.row > div.col-lg-4 {
    display:block;
  }  
 }