[class*="col-"] {
    width: 100%;
}
@media only screen and (min-width: 768px) {
    [class*="col-"] {
        float: left;
        padding: 15px;
    }
    .col-1 {width: 8.33%;}
    .col-2 {width: 16.66%;}
    .col-3 {width: 25%;}
    .col-4 {width: 33.33%;}
    .col-5 {width: 41.66%;}
    .col-6 {width: 50%;}
    .col-7 {width: 58.33%;}
    .col-8 {width: 66.66%;}
    .col-9 {width: 75%;}
    .col-10 {width: 83.33%;}
    .col-11 {width: 91.66%;}
    .col-12 {width: 100%;}}



header{height: 130px; color: white; text-align: center; background-color: #047253; margin-bottom: 0%;}
    
ul{list-style-type: disc;} a{
    color: rgb(112, 65, 240);
    text-decoration: none;}
    a:hover{color:red;
    font-size: 26px;
    text-decoration: none;
}
.navbalk{height: 70px; background-color: #56f2c6; margin-top: 0%;}
li{ 
display: inline; height: 30px; width: 100%; background-color: #56f2c6;
    color: white;
}
a{padding-right: 25px;}



.fotocenter{display: block; margin-left: auto; margin-right: auto;}
.fotoonder{vertical-align: bottom;}
.fotorechts{float: right;}
.fotolinks{float: left; margin-right: 50px;}
.orkleur{
    color: #047253;
}
#content{display: flex;}
#inhoudeen{
    min-height: 1300px; background-color: #036122; color:white; display: inline-block;
}
.inhoudrechts{min-height: 400px; margin-top: 15px; padding-left: 15px; display: inline-block;}

#contenttwee{display: flex;}
#inhouddrie{min-height: 900px; padding-left: 15px; background-color: #036122; color:white; float: left;}
.inhoudrechtsdrie{min-height: 400px; margin-top: 15px; padding-left: 15px; display: inline-block;}
input:required{
    border: 2px solid lightgreen;
}
input:invalid{
    background-color: #ffd1d1;
}
#contactform{width: 600px; box-sizing: border-box; margin-top: 15px; padding-left: 15px; display: inline-block;}
textarea{height: 170px;}
verzend{background-color: #047253;}

button{background-color: #0dab05; color: white;}

#arbeidrechtsonder{margin-top: 500px;}
section
    input[type="text"], input[type="email"], input[type="tel"], input[type="submit"]
    textarea, select, button{display: block;
        margin: 5px 0px;
        width: 300px;
        box-sizing: border-box;
        border-radius: 4px; box-shadow: inset 2px 2px 5px lightgreen;
    }
    button {
        width: 150px;
        padding: 12px 10px; 
        
    }
    textarea{
        height: 80px;
        width: 300px;
        padding: 5px 4px;
    }
        button:active{
            background-color: darkgreen; 
            color: white;
            border-radius: 4px; box-shadow: inset 2px 2px 5px blue;
        
}
footer{height: 100px; width: 100%; color: black; text-align: center; background-color: #047253; clear: left;}