body {
    font-family: Arial, sans-serif;
}

header {
    background-color: #739691;
    
    padding: 20px;
    text-align: center;
}

main {
    margin-top: 20px;
    background-color:white;
}

section form {

width: 100%;
width: 100%;

display: flex;
flex-direction: column;
align-items: center; /* Aligns form elements in the center */
border-radius: 4px;
box-sizing: border-box;
margin: 0 auto; /* Centers the form horizontally */
padding: 20px; /* Adds some padding inside the form */
background-color: #ffffff; /* Optional: White background for the form */
box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); /* Optional: Adds a shadow for better visibility */
  
}

input[type=text]{
  display: inline-block;
  width: 100%;
  
  box-sizing: border-box;
}

input[type=email]{
  display: inline-block;
  width: 100%;

  box-sizing: border-box;
}

textarea {
  width: 100%; /* Zorgt dat het de volle breedte neemt */
  height: 150px; /* Pas de hoogte aan (hier 150 pixels) */
  margin: 10px 0;
  padding: 10px;
  box-sizing: border-box; /* Houdt padding mee in de breedte */
  border: 1px solid #ccc;
  border-radius: 4px;
  resize: vertical; /* Zorgt dat de gebruiker het alleen verticaal kan vergroten/verkleinen */
}


footer {
    background-color: #f8f9fa;
    padding: 10px;
    text-align: center;
}



  @media only screen and (min-width: 600px) {
    /* For tablets: */
    .col-s-1 {width: 8.33%;}
    .col-s-2 {width: 16.66%;}
    .col-s-3 {width: 25%;}
    .col-s-4 {width: 33.33%;}
    .col-s-5 {width: 41.66%;}
    .col-s-6 {width: 50%;}
    .col-s-7 {width: 58.33%;}
    .col-s-8 {width: 66.66%;}
    .col-s-9 {width: 75%;}
    .col-s-10 {width: 83.33%;}
    .col-s-11 {width: 91.66%;}
    .col-s-12 {width: 100%;}
  }
  @media only screen and (min-width: 800px) {
    /* For desktop: */
    .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%;}
  }