@media only screen and (max-width: 500px) {
/* For mobile: */

#header { display: grid; grid-template-columns: 12fr 4fr; color:#666666;}
#body { display: grid; grid-template-columns: 16fr; color:#666666;}

/*#linkerdeel { color:black; }

#rechterdeel { color:black; }

h1 { font-size: 20px; text-align: center; }*/

h1 { font-size: 20px; }

#stem { padding-top: 8px; padding-left: 4px; font-size: 20px; }
#teller { font-size: 20px; padding-bottom: 26px; height: 26px; }

video { width: 100%; }


/*    Menubalk    */

.topnav a:not(:first-child) { display: none; }
.topnav a.icon { float: right; display: block; }
.topnav.responsive { position: relative; }
.topnav.responsive .icon { position: absolute; right: 0; top: 0; }
.topnav.responsive a { float: none; display: block; text-align: left; }


/*    Spel    */
/*.imgspeltop {opacity:0.7; padding: 10px; width: 100px }*/

}