
.service-card {
  width: 500px;
  margin: 40px auto;
}

.service-logo {
  width: 500px;
}

.service-logo img {
  width: 100%;
}

.service-header {
  padding-top: 8px;
  padding-bottom: 8px;
  width: 100%;
  background: var(--gray-theme);
}

.service-header h3 {
  color: white;
  font-size: 17px;
  margin: 0;
  font-family: "montserrat-med";
  text-align: center;
}

.service-desc {
  margin: 15px auto;
  width: 370px;
}

.service-desc p {
  font-size: 15px;
  text-align: center;
}

.repair-card {
  width: 370px;
  margin: 25px auto;
}

.repair-logo {
  width: 370px;
}

.repair-logo img {
  width: 100%;
}

.repair-header {
  padding-top: 8px;
  padding-bottom: 8px;
  width: 100%;
  background: var(--gray-theme);
}

.repair-header h3 {
  color: white;
  font-size: 20px;
  margin: 0;
  font-family: "montserrat-med";
  text-align: center;
}

@media only screen and (max-width: 1160px) {

}

@media only screen and (max-width: 940px) {

}

@media only screen and (max-width: 740px) {
  

}

@media only screen and (max-width: 440px) {
  .container-fluid {
    padding-left: 2px;
  }
  .service-logo {
    width: 375px;
  }
  .service-card {
    width: 375px;
  }
}