.navigation {
      
        height: 73px;
        position: fixed;
        width: 100%;
        background: #f86f2d;
        margin: 0 auto;
        top: 0;
        left: 0;
        z-index: 999;
        font-size: 16px;
        font-weight: bold;
        font-family: 'Times New Roman', Times, serif;
      }

    section.black{
        background-color: #f86f2d;
        height: 18%    ;
        padding: 10px 50px;
      
      }
  
  
button {
  cursor: pointer;
  outline: none;}
 .outline {
        position: relative;
        background: transparent;
        color: #28a745;       
        border:1px solid #28a745;
        transition: all 0.2s linear;
        text-align: center;
    vertical-align: middle;  
    background-color: transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;    
      }
        button .outline   a {
            text-decoration: none;
        }
        button .outline  .white-blue {
        font-weight: 700;
        color: #00aeef;
        border-color: white;
        background: white;
    }
      .navbar-brand{
        padding-bottom: 0px ;

        
      }

.navbar-brand img {
  position: relative;
 margin-top: 10px;
  margin-left: 15px;
    width: 100px;
  height: 100px;

}
  
  
    
  
      nav {
        float: right;
      }
  
      nav ul {
        list-style: none;
        margin: 0;
        padding: 0;
      }
  
      nav ul li {
        float: left;
        position: relative;

      }
  
      nav ul li a,
      nav ul li a:visited {
        display: block;
        padding: 0 20px;
        line-height: 70px;
        /*background: #262626;*/
        color: #ffffff;
        text-decoration: none;

      }
  
      nav ul li a:hover {
        
        color:#442211;
        text-decoration: none;

      }
  
      nav ul li a:not(:only-child):after {
        padding-left: 4px;
        content: ' ▾';
      }
  
  
      nav ul li a {
        padding: 15px;
        padding-top: 25px;

        line-height: 30px;
      }
  
  
  
      nav ul li ul{
        background-color: #f86f2d; 
        opacity: 0.9;  
        border-radius: 5%;
        margin-top: -10px;
              }
        
              nav ul li ul li {
                width: 230px;
                display: flex;
                justify-content: center;
                font-size: 16px;
                margin-top: 5%;
              }
              nav ul li ul li a{
              padding-top: 2px;
              }
              nav ul li ul li:hover{
                background-color: #faaa3a;
              }
      .nav-dropdown {
        position: absolute;
        display: none;
        z-index: 1;
        box-shadow: 0 3px 12px rgba(0, 0, 0, 0.15);
      }
  .nav-dropdown ul{
    margin-top: 5;
  }
      /* Mobile navigation */
  
      .nav-mobile {
        display: none;
        position: absolute;
        top: 0;
        right: 0;
        background: #f86f2d;
        /* height: 70px;*/
        width: 70px;
      }
  
      @media only screen and (max-width: 1200px) {
        .nav-mobile {
          display: block;
        }
     
        .navbar-brand img {
          margin-top: -2px;
          width: 70px !important ; 
          height: 100%;
      }
        nav {
          width: 100%;
          padding: 0 0 15px;
        }
  
        nav ul {
          display: none;
          background-color: #f86f2d;

        }
  
        nav ul li {
          float: none;
        }
  
        nav ul li a {
          padding: 12px;
          line-height: 20px;
          text-align: center;

        }
        nav ul li ul li {
          width: auto;
          margin-top: 0;
          
        }
        nav ul li ul li a {
          padding-left: 30px;
          padding-top: 15px;
        }
  
        .nav-dropdown {
          position: static;
        }
      
      }
  
      @media screen and (min-width: 1200px) {
        .nav-list {
          display: block !important;
        }
      }
  
      #nav-toggle {
        position: absolute;
        left: 18px;
        top: 22px;
        cursor: pointer;
        padding: 10px 35px 16px 0px;
      }
  
      #nav-toggle span,
      #nav-toggle span:before,
      #nav-toggle span:after {
        cursor: pointer;
        border-radius: 1px;
        height: 5px;
        width: 35px;
        background: #ffffff;
        position: absolute;
        display: block;
        content: '';
        transition: all 300ms ease-in-out;
      }
  
      #nav-toggle span:before {
        top: -10px;
      }
  
      #nav-toggle span:after {
        bottom: -10px;
      }
  
      #nav-toggle.active span {
        background-color: transparent;
      }
  
      #nav-toggle.active span:before,
      #nav-toggle.active span:after {
        top: 0;
      }
  
      #nav-toggle.active span:before {
        transform: rotate(45deg);
      }
  
      #nav-toggle.active span:after {
        transform: rotate(-45deg);
      }
  
  
  
      article {
        max-width: 1000px;
        margin: 20 auto;
        padding: 50px;
      }