#services-container {
  padding-top: 15vh;
  width: 100vw;
}

.services-band {
  width: 100%;
  height: 85vh;
}

.services-side {
  width: 50%;
  height: 100%;
  position: relative;
}

.services-image {
  background-size: cover;
}

.services-title {
  font-family: var(--ostt);
  font-size: 5vh;
  color: var(--white);
  margin-bottom: 1vh;
}

.services-textbox {
  width: 50%;
  position: absolute;
}

.services-text {
  width: 80%;
  font-family: var(--os);
  font-size: 2.5vh;
  text-align: center;
  color: var(--white);
  font-weight: 200;
}

.services-img {
  height: 55vh;
  width: 37vh;
  background-size: cover;
  position: absolute;
}

/******************************************************** SECTION 1 *****************************************************************/
#services_1 {
  background-color: var(--brown);
}

#services_1-left {
  background-image: url(../img/about_us3.jpg);
  background-position-x: 44%;
}

#services_1-left-textbox {
  top: 12vh;
  left: 3vw;
}

#services_1-right-textbox {
  bottom: 6vh;
  left: 3vw;
}

#services_1-right-img {
  background-image: url(../img/gallery_9.jpg);
  right: 3vw;
  top: 6vh;
}
/******************************************************** SECTION 2 *****************************************************************/
#services_2 {
  background-color: var(--greengrey);
}

#services_2-left-textbox {
  right: 3vw;
  top: 6vh;
}

#services_2-left-img {
  background-image: url(../img/services_1.jpg);
  left: 3vw;
  bottom: 6vh;
}

#services_2-right {
  background-image: url(../img/gallery_32.jpg);
  background-position-x: 40%;
}

#services_2-right-textbox {
  bottom: 6vh;
  left: 3vw;
}