.branding {

  position: relative;

  /* border-bottom-left-radius: 20px; */
  /* border-bottom-right-radius: 20px; */

  /* background-attachment: fixed; */
  /* background-size: contain; */
  /* background-position: 0px -250px; */

/* min-height: 65vh; */

  /* background-size: cover;
  background-position: bottom;
  background-repeat: no-repeat;
  min-height: 60vh;
  background-color: #ffffff99;
  background-blend-mode: hard-light;
  background-image: url('/resources/regenboog-over-land.jpg'); */

  /* background-color: #ffffff99; */
  /* background-blend-mode: hard-light; */
}

body {
  /* background-size: contain; */


  /* background-position: center; */




  /* background-color: #ffffff99; */
  /* background-blend-mode: hard-light; */
  /* background-image: url('/resources/regenboog-over-land.jpg'); */
  /* background-image: url('/resources/regenboog-over-land.jpg'); */




}

body.picture {
  background-size: cover;
  background-attachment: fixed;
  background-position:  0 0;
  background-repeat: no-repeat;
  background-image: url('/resources/wij-en-milan.jpg');
  background-color: #ffffffcc;
  background-blend-mode: luminosity;
}

.navbar {
  --bs-bg-opacity: .3;
  /* background-color: #ffffff; */

}

#navbarNav {
  /* border-bottom: 1px solid gray; */
  /* text-align: center; */
  /* font-weight: bold; */
  border-bottom: 1px solid gray;
}

#navbarNav a {
  /* color:dark-gray !important; */
}

#navbarNav a:hover {
  color:darkolivegreen !important;
  /* border-bottom: 1px solid gray; */
}


.navbar > div {
  overflow: hidden;
  text-shadow: green;
}

.navbar .nav-item {
  text-align: left;
}

/* #navbarNav { */
.branding {
  font-family: monospace;

}

.maincontent {
  margin-top: 2em;
  max-width: 800px;
  /* margin-left: 200px; */
  /* background-image: url('/resources/regenboog-over-land.jpg'); */
  /* background-attachment: fixed; */

  /* background-image: url('/resources/background-grass.png'); */
  /* background-repeat: repeat; */
  /* background-color: #84973e; */
}

.maincontent img {
  border-radius: 6px;
  /* display: block; */
  float: left;
  position:relative;
  left: -210px;

  max-width: 200px;
  height: auto;

  /* margin-right: 2em; */
  /* margin-bottom: 2em; */
}
.maincontent img:hover {
  filter: opacity(70%);
}

.maincontent > div {
  /* position: relative; */
/* top: 40px; */
/* --bs-bg-opacity: 0.8; */
/* padding-top: 2em; */
/* padding-left: 2em; */
/* padding-right: 2em; */
/* margin-left: 200px */
/* border-radius: 15px; */
/* left: 150px; */
}

.footer {
  /* height: 300px; */
/* background-color: darkolivegreen; */
}

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