@media screen and  (max-width: 2200px) and (min-width: 800px) {
.topnav {
    background-color:#f7f7f7;
    overflow: hidden;
    width:80%;
    display:flex;
    flex-direction:row-reverse;
    justify-content:center;
    height: 100%;
 /*   margin-top: 20px;*/
    position:relative;
    left:10px;
    
}
  
  /* Style the links inside the navigation bar */
  .topnav a {
    float: left;
    display: block;
    color: #333;
    text-align: center;
    /*width:100px;*/
    width:15%;
    padding-top:2%;
    text-decoration: none;
    font-size: 20px;
  }
  
  /* Change the color of links on hover */
  .topnav a:hover {
    background-color: #ddd;
    color: black;
  }
  
  /* Add an active class to highlight the current page */
  .topnav a.active {
    background-color:#2f5597;
    color: white;
  }
  
  /* Hide the link that should open and close the topnav on small screens */
  .topnav .icon {
    display: none;
  }
}
  @media screen and (max-width: 700px) {
    .topnav a {display: none;}
    .topnav a.icon {
      float: right;
      display: block;
      text-decoration: none;
      color: #777;
      margin-right: 10%;
      width:80%;
    }
  }
  
  @media screen and (max-width: 700px) {
    .topnav.responsive {position: absolute; display:block; width:70%;  height:auto; z-index: 101;}
   
    .topnav.responsive a {
      float: none;
      display: block;
      text-align: center;
      text-decoration: none;
      width: 100%;
      color: #333;
      height:60px;
    }

    .topnav.responsive a:hover {
      background-color: #ddd;
      color: black;
      
    }


    






    .topnav {
      background-color: #aaa;
      overflow: hidden;
      width:32%;
      display:block;
     padding-top:15px;
     box-sizing: border-box;
      height: 57%;
      margin-top: 20px;
      position:relative;
      right:0
      
  }


  .topnav a {
    float: left;
   
    color: #333;
    text-align: center;
    /*width:100px;*/
    width:15%;
    padding-top:3%;
    text-decoration: none;
    font-size: 20px;
  }



  }