.nav {
           
            display: block;
            font-size: 1.1vw;

        }
        
       
        
        p,
        h4 {
            color: white;
            font-family:sans-serif;
            font-size: 10px,;
            font-size: 1.1vw;
            text-decoration-line: line-through;
        }
        footer  {
            background-color: black;
            display: block;
        }
         .knop{
                background-color: #009fe4;
                color: black;
                padding: 60px 30px;
                display: inline-block;
                font-size: 30px;
                font-family: monospace;
                text-align: center;
                
               
            }
            .knop1 {
                background-color: #657571;
                color: black;
                padding: 60px 30px;
                display: inline-block;
                font-size: 30px;
                font-family: monospace;
                text-align: center;
                
            }
            .knop2 {
                background-color: #95c11f;
                color: black;
                padding: 60px 30px;
                display: inline-block;
                font-size: 30px;
                font-family: monospace;
                text-align: center;
               
            }
            .knop3 {
                background-color: #006bad;
                color: black;
                padding: 60px 30px;
                display: inline-block;
                font-size: 30px;
                font-family: monospace;
                text-align: center;
                
            }
            .knop4 {
                background-color: #4b2776;
                color: white;
                padding: 60px 30px;
                 display: inline-block;
                font-size: 30px;
                font-family: monospace;
                text-align: center;
               
            }
            .knop5 {
                background-color: #9d224e;
                color: black;
                padding: 60px 30px;
                display: inline-block;
                font-size: 30px;
                font-family: monospace;
                text-align: center;
                
            }
            .knop6 {
                background-color: #f39200;
                color: black;
                padding: 60px 30px;
                display: inline-block;
                font-size: 30px;
                font-family: monospace;
                text-align: center;
                
            }
            .knop7 {
                background-color: #9f565f;
                color: black;
                padding: 60px 30px;
                display: inline-block;
                font-size: 30px;
                font-family: monospace;
                text-align: center;
                
                
            }
            .knop8 {
                background-color: #e30614;
                color: black;
                padding: 60px 30px;
                 display: inline-block;
                font-size: 30px;
                font-family: monospace;
                text-align: center;
                
                
            }
			ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    font-size: 16px;
    font-family: monospace;
}

li {
    float: left;
}

li a {
    display: inline-block;
    color: white;
    text-align: center;
    padding: 14px 16px;
   
}
ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    font-size: 16px;
    font-family: monospace;
        }
ol, 
ul {
    margin-top: 13px;
    margin-bottom: 10px;
}
.menu {
            color: white;
            font-family:sans-serif;
            font-size: 12px;
            text-decoration-line: line-through;
        }
  //*   @media only screen and (min-width: 768px) and (max-width: 1100px) {
 .knop{
                background-color: #009fe4;
                color: black;
                padding: 100px 100px;
                display: inline-block;
                font-size: 30px;
                font-family: monospace;
                text-align: center;
                
               
            }
            .knop1 {
                background-color: #657571;
                color: black;
                padding: 100px 100px;
                display: inline-block;
                font-size: 30px;
                font-family: monospace;
                text-align: center;
                
            }
            .knop2 {
                background-color: #95c11f;
                color: black;
                padding: 100px 100px;
                display: inline-block;
                font-size: 30px;
                font-family: monospace;
                text-align: center;
               
            }
            .knop3 {
                background-color: #006bad;
                color: black;
                padding: 100px 100px;
                display: inline-block;
                font-size: 30px;
                font-family: monospace;
                text-align: center;
                
            }
            .knop4 {
                background-color: #4b2776;
                color: white;
                padding: 100px 100px;
                 display: inline-block;
                font-size: 30px;
                font-family: monospace;
                text-align: center;
               
            }
            .knop5 {
                background-color: #9d224e;
                color: black;
                padding: 100px 100px;
                display: inline-block;
                font-size: 30px;
                font-family: monospace;
                text-align: center;
                
            }
            .knop6 {
                background-color: #f39200;
                color: black;
                padding: 100px 100px;
                display: inline-block;
                font-size: 30px;
                font-family: monospace;
                text-align: center;
                
            }
            .knop7 {
                background-color: #9f565f;
                color: black;
                padding: 100px 100px;
                display: inline-block;
                font-size: 30px;
                font-family: monospace;
                text-align: center;
                
                
            }
            .knop8 {
                background-color: #e30614;
                color: black;
                padding: 100px 100px;
                 display: inline-block;
                font-size: 30px;
                font-family: monospace;
                text-align: center;
                
                
            }

}
*//