h1 {
  color: rgb(33, 82, 122);
  font-size: 3rem;
}
h2 {
  color: rgb(33, 82, 122);
  font-size: 2.5rem;
}

#top-navbar {
  border-bottom: 1px solid #f0f0f0;
}

#top-navbar .nav-item .nav-link {
  color: rgb(33, 82, 122);
}

#top-navbar .nav-item .nav-link:hover {
  color: rgb(75, 163, 196);
}

#subtitle {
  color: rgb(33, 82, 122);
  font-size: 3rem;
  font-weight: bold;
}

#subtitle-accent {
  color: rgb(75, 163, 196);
  font-size: 3rem;
}

#contact-us-btn {
  background-color: rgb(33, 82, 122);
  color: white;
  padding-top: 0.7rem;
  padding-bottom: 0.7rem;
  padding-left: 1rem;
  padding-right: 1rem;
  border-radius: 8px;
  text-decoration: none;
  display: inline-block;
}

#footer {
  border-top: 1px solid #f0f0f0;
}

#contact-us-btn:hover {
  background-color: rgb(75, 163, 196);
}

.service {
  text-decoration: none;
  color: rgb(33, 82, 122);
}

.service:hover {
  text-decoration: none;
  color: rgb(75, 163, 196);
}

#nosotros {
  background-color: rgb(223, 238, 249);
}

.text-justify p {
  text-align: justify !important;
  text-justify: inter-word !important;
}

#send-contact {
  background-color: rgb(33, 82, 122);
  color: white;
  padding-top: 0.7rem;
  padding-bottom: 0.7rem;
  padding-left: 1rem;
  padding-right: 1rem;
  border-radius: 8px;
}

#send-contact:hover {
  background-color: rgb(75, 163, 196);
}

#contacto {
  background-color: rgb(223, 238, 249);
}

#privacy-link {
  text-decoration: none;
  color: rgb(33, 82, 122);
}

#copyright {
  color: rgb(33, 82, 122);
}

#privacy-link:hover {
  text-decoration: underline;
  color: rgb(75, 163, 196);
}

.navbar-space {
  height: 60px;
}

.image-on, .image-off {
  width: 20%;
}

@media only screen and (max-width: 768px) {
  .image-on, .image-off {
    width: 60%;
  }
}

.image-off,
#meds:hover .image-on {
  display: none;
}
.image-on,
#meds:hover .image-off {
  display: block;
}

.image-off,
#first-aid:hover .image-on {
  display: none;
}
.image-on,
#first-aid:hover .image-off {
  display: block;
}

.image-off,
#services-item:hover .image-on {
  display: none;
}
.image-on,
#services-item:hover .image-off {
  display: block;
}

.image-off,
#pharmacy:hover .image-on {
  display: none;
}
.image-on,
#pharmacy:hover .image-off {
  display: block;
}

.image-off,
#equipment:hover .image-on {
  display: none;
}
.image-on,
#equipment:hover .image-off {
  display: block;
}

.service-description p {
  text-align: justify !important;
  text-justify: inter-word !important;
}