.wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: auto auto;
    gap: 10px;
}
.foto {
    height: 200px;
}

@media screen and (max-width: 600px) {
    .wrapper {
        grid-template-columns: 1fr 1fr;
    }
    .foto {
        height: 100px;
    }

}
/* wordt gebruikt in voorstelling */
.box {
    margin: 10px;
} 
.box p.hoofding1 {
    background-color: aliceblue;
    text-decoration: solid;
    font-size: largER;
    padding: 10px;
    
}
.box p.tekst {
font-size: medium;
padding: 10px;
} 
.formcontact .contact {
    margin: 0 auto; 
    width: 600px;
    padding: 20px;
    background: #f9f9f9;
    border: 2px solid #333;
    text-align: center; 
}
.formcontact {
    padding: 20px;
}
.ontvangen {
    text-align: center;
    font-size: xx-large;
    padding-top: 50px;
}
.footer {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: #333;
    color: white;
    text-align: center;
  }

  .mainbody {
    background-image: url('assets/img/1.jpg');
  }
  .containgroot {
    width:  20%;
   padding-left: 40%;
   padding-right: 40%;
   padding-top: 20%;
  }

  .groot {
    background-color: beige;
    text-align: center;
    font-size: xx-large;
  }
.kleiner {
    text-align: center;
    font-size: large;
    color: #321;
    
}

.kleiner p {
    background-color: beige;
}