.topnav{display:none;}

#my-menu-normal{width:68%;margin:0px auto;z-index:20000;}


#myTopnav,.topnav{display:none;}

.dropdown-content {display: none;margin-left:0vw;
  background-color: rgba(255,255,255,0.0);
  min-width: 10vw!important;
  /*box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);z-index: 1;*/
}
.dropdown-content a{color: black;padding: 0vw 0vw;text-decoration: none;  display: block;text-align: left;width:10vw !important; background-color:#f1f1f1; }
.dropdown-content a:hover {background-color: #EFE9E9;}
.dropdown:hover .dropdown-content {display: inline-block;}

li{float: left;}
li a, .dropbtn{display: inline-block;color:var(--purp-color);text-align: left;
  padding: 3px 3px;text-decoration: none;}
li a:hover, .dropdown:hover .dropbtn {background-color: rgba(255,255,255,0.0);
  text-decoration:underline;}
li.dropdown {display: block;}





/*body{min-width:fit-content;display:block;}*/
li#m0{width:9%;text-align:left;}li#m1{width:7%;}
li#m2{width:18%;}li#m3{width:13%;}
li#m4{width:21%;}li#m5{width:20%;}
li#m6{width:12%;}

li#za,li#zb,li#zc{position:relative;left:-0.51vw;}
li#zd{width:15vw;position:relative;left:-0.51vw;}

li#m0,li#m1,li#m2,li#m3,li#m4,li#m5, li#m6{float:left;list-style-type:none;}

li#m0 a,li#m1 a,li#m2 a,li#m3 a,li#m4 a,li#m5 a,li#m6 a{
  font-size:calc(0.9vw + 0.2em);line-height:calc(1.1vw + 0.2em);
  text-decoration:none;text-align:left;margin:0px auto;font-family: 'Raleway', sans-serif;color:#464646;}
li#m0 a:hover,li#m1 a:hover,li#m2 a:hover,li#m3 a:hover,li#m4 a:hover,li#m5 a:hover,li#m6 a:hover{
  color:var(--purp-color);text-decoration:underline;}

  @media all and (max-width:1024px){
    .topnav{display:none;}

    #my-menu-normal{width:68%;margin:0px auto;z-index:20000;}


    #myTopnav,.topnav{display:none;}

    .dropdown-content {display: none;margin-left:0vw;
      background-color: rgba(255,255,255,0.0);
      min-width: 20vw !important;*/
      /*box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);z-index: 1;*/
    }
    .dropdown-content a{color: black;padding: 0vw 0vw;text-decoration: none;
      display: block;text-align: left;width:24vw !important;}
    .dropdown-content a:hover {background-color: #f1f1f1;width:24vw !important;}
    .dropdown:hover .dropdown-content {display: inline-block;}

    li{float: left;}
    li a, .dropbtn{display: inline-block;color:var(--purp-color);text-align: left;
      padding: 3px 3px;text-decoration: none;}
    li a:hover, .dropdown:hover .dropbtn {background-color: rgba(255,255,255,0.0);
      text-decoration:underline;}
    li.dropdown {display: block;}





    /*body{min-width:fit-content;display:block;}*/
    li#m0{width:9%;text-align:left;}li#m1{width:7%;}
    li#m2{width:18%;}li#m3{width:13%;}
    li#m4{width:21%;}li#m5{width:20%;}
    li#m6{width:12%;}

    li#za,li#zb,li#zc{position:relative;left:-0.51vw;}
    li#zd{width:15vw;position:relative;left:-0.51vw;}

    li#m0,li#m1,li#m2,li#m3,li#m4,li#m5, li#m6{float:left;list-style-type:none;}

    li#m0 a,li#m1 a,li#m2 a,li#m3 a,li#m4 a,li#m5 a,li#m6 a{
      font-size:calc(0.9vw + 0.2em);line-height:calc(1.1vw + 0.2em);
      text-decoration:none;text-align:left;margin:0px auto;font-family:Arial;color:#464646;}
    li#m0 a:hover,li#m1 a:hover,li#m2 a:hover,li#m3 a:hover,li#m4 a:hover,li#m5 a:hover,li#m6 a:hover{
      color:var(--purp-color);text-decoration:underline;}
    
}
