/* verbergt alles wat tussen dit div statement staat bij kleine schermen en toont het bij grote schermen*/
.screen_hide{
  display:block;
  visibility:visible;
}

/* omgekeerde van hier boven */
.screen_display{
 display:none;
 visibility:hidden;
 }
 
 
 
                
/* navigatie menu */

ul.topnav {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #3871c2; 
}

ul.topnav li {float: left;}

ul.topnav li a {
  display: inline-block;
  color: #ffffff;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  transition: 0.3s;
  font-size: 17px;
}

ul.topnav li a:hover {background-color: #164f9d;}

ul.topnav li.icon {display: none;}