/*============================================================================================================================================================*/
/*===== what we do =====*/

/*#whatwedo-main-wrapper {
	background-image:	 url(../../../..//uploads/2023/08/pexels-drift-shutterbug-2095948-scaled.webp);
	background-size:	 cover;
	background-position: center center;
	min-height:			 80rem;
}

#whatwedo-main-wrapper strong {
	font-weight: 1000;
}*/

#whatwedo-main-text strong {
	font-weight: 1000;
}

#whatwedo-mid-wrapper {
	aspect-ratio:		 4/6;
	max-width:			 100vw;
}

#whatwedo-mid-text-1,
#whatwedo-mid-text-2,
#whatwedo-mid-text-3,
#whatwedo-mid-text-4 {
  position: sticky;
  top: 50vh; /* Stick halfway down the screen */
  /*bottom: 0vh;/**/
  z-index: 3;
  display: flex;
  justify-content: center;
  margin-bottom: 5rem !important;
}

.whatwedo-mid-text {
	min-height:		  22rem;
	line-height:	  1.5;
	background-color: rgba(0, 0, 0, 0.8);
	text-align: justify;
}

@media (min-width: 992px) {
	.whatwedo-mid-text {
		min-height: 35rem;
	}
}

@media (max-width: 991.98px) {
	#whatwedo-mid-rect-wrapper .col-12 div {
		width: 100%;
	}
}


/*-------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----- what we do bottom block -----*/

#whatwedo-bottom-wrapper {
	background-color: rgba(21, 18, 11, 1);
}

#page-wrapper {
	padding-bottom: 0 !important;
}


.main-logo {
	width: 20rem;
	/*left: 1500px;*/
	top: 1rem;
	/*transform: translate(-50%);*/
}

.section-sticky {
  position: relative;
  min-height: 200vh;
}

.background {
  position: sticky;
  top: 0;
  height: 100vh;
  background-size: cover;
  background-position: center center;
  z-index: 0;
}
.background-bottom {
  background-position: center bottom;
}
.background-right {
  background-position: right center;
}

.bg1 {
	background-image:	 url(../../../../../wp-content/uploads/2025/08/img395.webp);
}

.bg2 {
	background-image:	 url(../../../../../wp-content/uploads/2025/08/img394.webp);
}

.bg3 {
	background-image:	 url(../../../../../wp-content/uploads/2025/08/img415.webp);
}

.bg4 {
	background-image:	 url(../../../../../wp-content/uploads/2025/08/20211024_125356.webp);
}

/* Label that starts at bottom of image and scrolls up */
.scroll-label {
  position: relative;
  margin-top: -3rem; /* so it's near the bottom of the image */
  text-align: center;
  color: white;
  z-index: 2;
}
.scroll-label > span {
  padding: 1rem;
  background: rgba(0, 0, 0, 0.5);
}