html {
  color-scheme: only light;
}

@font-face {
   font-family: 'Garamond regulier';
   src: url('letters/regulier.ttf') format('truetype');
}

@font-face {
   font-family: 'Garamond cursief';
   src: url('letters/cursief.ttf') format('truetype');
}

@font-face {
   font-family: 'Garamond vet';
   src: url('letters/vet.ttf') format('truetype');
}

@font-face {
   font-family: 'Garamond cursief vet';
   src: url('letters/cursiefvet.ttf') format('truetype');
}

body {
   background-color: #f7d488 !important;
   color: #643 !important;
   margin: 0;
   display: flex;
   justify-content: center;
   font-family: 'Garamond regulier';
}

.doos {
   width: 90%;
   margin-top:10px;
   margin-bottom:10px;
   max-width: 800px;
   background-color: #fefdf7;
   padding: 20px;
}

@media (max-width: 600px) {
  .doos {
    width: 82%;
    max-width: 500px;
  }
}

a[href^="mailto:"] {
  color: #0ac; /* zeegroen */
  text-decoration: none;
}

p {
   margin-top: 20px;
   font-size: 20px;
   line-height: 1.6;
   text-indent: 0px;
}

#contact p,footer p{
  text-indent: 0px;
}

h1, h2 {
   color: #56282d;
   font-weight: bold;
   text-align: center;
}

h1 {
	font-size: 30px;
}

h2 {
	font-size: 21px;
}

h3 {
	color: #56282d;
	font-family: 'Garamond cursief';
	font-size: 21px;
}

.alleen-mobiel {
  display: none;
}

@media (max-width: 768px) {
  img {
    width:65%;
  }
  .alleen-mobiel {
    display: block;
  }
}

.alleen-desktop {
  display: none;
}

@media (min-width: 768px) {
  img {
    width:40%;
  }
  .alleen-desktop {
    display: block;
  }
}