/* ------------- first banner -------------*/	
	
#pagebanner{
		background-color: #e3dac9;
		right: 0px;
		margin-bottom: 5px;
		}
#pagebannerpicture{
		max-height: 100%;
		width: 100%;
		position: absolute;
		right: 0px;
		}
#pagebannertext{
		margin-top: 10px;
		margin-right: 10px;
		margin-bottom 10px;
		float: center;
		}

	/* ------------- Hero content -------------*/	
#hero-content{
		background-color: #e3dac9;
		padding-right:2.5%;
		margin-bottom: 5px;
		padding-top: 1.7%;
		padding-bottom: 1.7%;
}

/* ------------- CAROUSEL -------------*/
.carousel-inner img {
    width: 100%;
    height: 100%;
  }

#myCarousel {
  position: relative;
  background-repeat: no-repeat;
  margin-left: 1%;
  margin-right: -1%;
}

#hero-image-satoriauthentiek {
  background-image:
  url("/deurkrukkenstudio/images/mi satori authentiek.jpg");
  position: relative;
  height: 60vh;
  background-repeat: no-repeat;
  margin-left: 2.3%;
  margin-top: 2.2%;
}

#hero-image-mtbrand{
  background-image:
  url("/deurkrukkenstudio/images/mt brand.jpg");
  position: relative;
  height: 60vh;
  background-repeat: no-repeat;
  margin-left: 2.2%;
  margin-right:0.3%;
  margin-top: 2.2%;
}

#hero-image-exclusief {
  background-image:
  url("/deurkrukkenstudio/images/exclusief salice.jpg");
  position: relative;
  height: 60vh;
  background-repeat: no-repeat;
  margin-left: 2.2%;
  margin-right:0.3%;
  margin-top: 2.2%;
}

#hero-image-artnouveau {
  background-image:
  url("/deurkrukkenstudio/images/mi satori art nouveau.jpg");
  position: relative;
  height: 60vh;
  background-repeat: no-repeat;
  margin-left: 2.2%;
  margin-right:0.3%;
  margin-top: 2.2%;
}

#hero-image-mtindustry {
  background-image:
  url("/deurkrukkenstudio/images/mt industry.jpg");
  position: relative;
  height: 60vh;
  background-repeat: no-repeat;
  margin-left: 2.2%;
  margin-right:0.3%;
  margin-top: 2.2%;
}

#hero-image-mondeal {
  background-image: url("/deurkrukkenstudio/images/mi satori mondeal.jpg");
  position: relative;
  height: 60vh;
  background-repeat: no-repeat;
  margin-left: 2.2%;
  margin-right:0.3%;
  margin-top: 2.2%;
}

#hero-image-raamboom {
  background-image: url("/deurkrukkenstudio/images/mi satori raamboom.jpg");
  position: relative;
  height: 60vh;
  background-repeat: no-repeat;
  margin-left: 2.2%;
  margin-right:0.3%;
  margin-top: 2.2%;
}

.hero-text-carousel {
  text-align: center;

  font-weight: bold;
  transform: translate(2.5%, -50%);
  top: 75%;
  color: white;
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  position: absolute;
  width:95%;
}

.hero-text-carousel button {
  border: none;
  outline: 0;
  opacity: 0.6;
  display: inline-block;
  padding: 10px 25px;
  color: black;
  background-color: #ddd;
  text-align: center;
  cursor: pointer;
  top: 80%;
  left: 50%;
  width: 100%;
}

.hero-text-carousel button:hover {
  background-color: #555;
  color: white;
}

.hero-text {
  text-align: center;
  font-weight: bold;
  top: 80%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  position: relative;
}

.hero-text button {
  border: none;
  outline: 0;
  opacity: 0.6;
  display: inline-block;
  padding: 10px 25px;
  color: black;
  background-color: #ddd;
  text-align: center;
  cursor: pointer;
  top: 50%;
  left: 50%;
  width: 100%;
}

.hero-text button:hover {
  background-color: #555;
  color: white;
}