/* introduction */

.Introduction {
    padding-top: 28px;
}

.introduction__img {
    width: 49%;
    height: fit-content;
    max-height: 500px;
}

/* Projecten */

.projects {
  padding-top: 3rem;
}

@media screen and (max-width: 749px){
  .mySlides img {
      max-height: 13rem !important;
    }
    .introduction__img {
      max-height: 250px !important;
    }
}

.projects__title {
    justify-content: center;
    display: flex;
}

/* Onze service */

@media only screen and (min-width: 750px){
  .onzeService {
    display: flex;
    align-items: flex-start;
    gap: 2rem;
    align-items: center;
    padding-top: 1rem;
  }
  
  .onzeService_btns {
    display: flex;
    width: 15%;
    flex-direction: column;
  }

  .onzeService_content {
    display: flex;
    width: 85%;
    gap: 2rem;
  }

  .onzeService_content img {
    width: 50%;
    padding-top: 0 !important;
  }

  .serviceText {
    width: 60%;
  }
}


.onzeService_btn {
  padding: 10px;
  background-color: #f5f5f5;
  cursor: pointer;
  margin-bottom: 5px;
  border-radius: 5px;
  text-align: left;
}

.onzeService_btn.active {
  background-color: #aa9767;
  color: #fff;
}


.onzeService_btn.active:hover {
  background-color: #aca187;
}

.onzeService_btn:hover {
  background-color: #aca187;
  color: white;
}

.onzeService_content img {
  width: 50%;
  height: auto;
  margin-bottom: 1rem;
  cursor: pointer;
  padding-top: 5%;
}

.contact-button {
  margin-top: 1rem;
  padding: 12px 50px;
  border-radius: 5px !important;
  background-color: #aa9767;
  color: #fff;
  border: none;
  cursor: pointer;
}

.contact-button:hover {
  background-color: #aca187;
}