section {
  margin: 7em 0px;
}

.section-header {
  text-align: center;
  margin: 40px;
}

.section-title {
  font-weight: bold;
  font-size: 30px;
  margin: 0;
  color: #007bff;
}

.section-subtitle {
  margin: 0 auto;
  width: 50%;
  color: #888;
  font-size: 20px;
}

.service-container {
  margin: 0 auto;
  display: flex;
  justify-content: center;
}

.service {
  margin: 0px 20px;
  text-align: center;
  width: 400px;
}

.service-img {
  margin: 0 auto;
  width: 200px;
  height: 200px;
  background-position: center;
  background-size: cover;
  border-radius: 20px;
  margin-bottom: 2em;
}

.service-details {
  color: #777;
}

#event-tech {
  background-image: url(../img/macon.jpg);
}

#event-space {
  background-image: url(../img/terra.jpg);
}

#customer-support {
  background-image: url(../img/demo.jpg);
}

@media (max-width: 750px) {
  .service-container {
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
  }

  .service {
    margin: 25px auto;
  }
  .section-subtitle {
    width: 100%;
  }
}