@media only screen and (max-width:1000px) {
  
  
  nav {
    font-size:20px;
    padding:0;
  }
  nav > navli > li {
    display:none;
    
  }
  hamburger {
    display:block;
    color:white;
    font-size:25px;
    padding:0.25em;
    padding-top:0.15em;
  }
  
  
  nav:hover > navli > li {
    display:block;
    float:none;
    border-top:1px white solid;
  }
  
  
  
  main {
    width:100%;
    padding:0.5em;
    font-size:18px;
  }
  
  
  table,th,tr {
    width:1%;
  }
  
  #image1 {
    width:100%;
    display:block;
    float:none;
    margin:auto;
  }  
  
  
  
  
  
  
  
  
}