/* 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;
 }
 

 #wrapper {
        max-width:1480px;
        margin: auto;
        padding: 1%;
        }
        
        #onecolumn{
                   width:=100%;
                  }
        #main {
                width: 60%;
                margin-right: 5%;
                float: left;
                }
        #mainlarge{
                width: 70%;
                margin-right: 5%;
                float: left;
                }

        aside {
                width: 35%;
                float: right;
                }
        asidesmall {
                width: 25%;
                float: right;
                }
/* 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: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  transition: 0.3s;
  font-size: 17px;
}

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

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