/*NAVBAR*/

/* Dit is voor de rest van de tekst in de navbar*/
.navbar-nav .nav-link {
    font-size: 18px; /* Pas de tekstgrootte aan*/
    margin-right: 6px; /* Past de afstand tussen de woorden in de navbar aan*/
}

/* Dit is voor de "Home knop" */
.navbar-brand {
    font-weight: bold; /* Maak de tekst vetgedrukt */
    margin-right: 30px; /* Voeg rechtermarge toe aan de tekst */
}

.navbar {
  position: sticky; /* zorgt ervoor dat de navbaar blijft plakken aan de bovenkant*/
  top: 0; /* in samenwerking met de sticky word dit gebruikt om aan te geven hoeveel space je wilt tussen de bovenkant of onderkant*/
}

/*Footer*/

footer {
  background-color: #000000; 
  color:white; /*Tekstkleur*/
  text-align: center;
  padding: 10px; /* bij deze footer zorgt beslist het hoog de zwarte balk komt*/
  bottom: 0; /* in samenwerking met de sticky word dit gebruikt om aan te geven hoeveel space je wilt tussen de onderkant*/
  width: 100%; /*de breedte*/
  position: fixed; /* zorgt ervoor dat de footer aan de onderkant van de site blijft zijn*/
}

#FooterBron {
  
  color: white; /* Maakt linktekst wit*/
  text-decoration: none; /* Verwijdert de underline voor de link*/
}

/* Mediaquery voor schermen kleiner dan 768 pixels (mobiele apparaten) zodat de footer meer plaats heeft */
@media (max-width: 767px) {
  body {
    margin-bottom: 60px; /* Voeg een bodemmarge toe voor de footer op mobiele apparaten */
  }
}

/*Body*/

body {
  margin-bottom: 60px; /* Voeg een bodemmarge toe aan het lichaam om ruimte te maken voor de footer */
}


/*CONTACTFORMULIER*/

form {
  text-align: center; /* zet de formulier tekst in het midden*/
  background: rgb(243, 240, 240);

  border-radius: 15px; /*dient voor de hoeken rond te maken*/
  max-width: 700px; /* Maximale breedte van het formulier */
  padding: 30px; /* zorgt voor de aftstand tussen de tekst enz aan dez zijkant en onderkant en bovenkant*/
  margin: 20px auto 0; /* Voeg 20px ruimte toe aan de bovenkant, auto om te centreren */
}

input {
  width: 70%; /*Breedte van de inputvakjes*/
}

textarea {
  width: 70%; /* breedte van feedback plaats*/
  height: 114px /*Is voor het meningvakje langer te maken*/
}

/*IMAGES*/

#IMGopmaak {
  border: 2px solid black; /* geeft zwarte border rond foto*/ 
  display: block; /* word gebruikt om dit een blok element te maken*/
  margin-left: auto; /*margin left en right dienen dan om de image in het midden te zetten met "auto"*/
  margin-right: auto;

}


/*ANDERE DINGEN*/

h1 {
  text-align: center;
  font-size: 45px /*Grote van tekst*/
  
}

h2 {
  margin-left: 10%;
  font-size: 30px /*Grote van tekst*/
}

h3 {
  text-align: center; /*Dit is specifiek voor de mini titels op de galarij site*/
  font-size: 200%; /*Grote van tekst*/
}

h4 {
  text-align: left;
}

p {
  margin-left: 10%;
  margin-right: 10%;
  font-family: 'Montserrat', sans-serif; /*Google font*/
  font-size: 150%;  /*Grote van tekst*/
}