body {
  background-color: #f4f2f7;
  color: #525252;
}

.nav-link {
  color: #525252;
}

.nav-pills .nav-link.active,
.nav-pills .nav-link:hover {
  background-color: #e63600;
  color: white;
}

.desktop {
  display: none;
}

.mobile {
  display: block;
}

.desktop,
.mobile {
  background-color: white;
  opacity: 0.8;
}

.services {
  background-color: #038096;
  color: #fff;
}

.card img {
  max-height: 300px;
  object-fit: cover
}

.card-sm {
  height: 200px;
  margin-top: 1rem;
}

@media (min-width: 768px) {
  .card-text {
    margin: 0 17.5%;
  }

  .desktop {
    display: block;
    position: absolute;
    width: 55%;
    margin-bottom: 5%;
  }

  .mobile {
    display: none;
  }
}
