#services {
  height: fit-content;
}
#services-container {
  display: flex;
  justify-content: center;
  flex-direction: row;
}
.service-card {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 20px 15px;
  margin: 10;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);

  /* height: 40rem; */
}
.s-media-container {
  height: 40%;
  margin: 10;
}
.service-title {
  display: flex;
  justify-content: center;
}
.service-image {
  /* margin: 10; */
  /* max-height: 1000px; */
  width: 100%;
  height: 100%;
  position: relative;
  cursor: pointer;
}

/* phone screen width */
@media (max-width: 450px) {
  #services-container {
    display: flex;
    justify-content: center;
    flex-direction: column;
  }
  /* .service-card.two {
    display: none;
  } */
}

@media (min-width: 576px) {
  #services-container {
    display: flex;
    justify-content: center;
    flex-direction: row;
  }
  #services {
    margin-bottom: 100;
  }
  .service-card {
    width: 33.33%;
  }
}