@font-face {
  font-family: 'Mundial';
  src: url(../fonts/Fontspring-DEMO-4-mundial-regular-tty.otf);
}

.font-color-text {
  color: #0B60B0;
}

.font-web {
  font-family: 'Mundial';
}

body {
  font-family: 'Mundial';
  background-color: #0B60B0;
}

#logo {
  width: 180px;
}

#imagen-home {
  background-image: url(../img/bg-home.jpg), linear-gradient(to right, #0B60B0, transparent);
  background-repeat: no-repeat;
  background-size: cover;
  width: auto;
  height: 57rem;
  /*background: linear-gradient(to right, blue, pink);*/
  background-blend-mode: soft-light;
}

.v-line{
  border-left: thick solid #FFFFFF;
  border-left-width: 2px;
}

.container-grid {
  display: grid;
  grid-template-columns: 33% 33% 33%;
}

#image-check {
  background-image: url(../img/bg-checkups.jpg), linear-gradient(to top, #0B60B0, transparent);
  background-blend-mode: soft-light;
  background-repeat: no-repeat;
  background-size: cover;
  height: 45rem;
  width: auto;
  padding: 0%;
  filter: brightness(50%);
}

#image-check:hover {
  filter: brightness(1);
  cursor: pointer;
}

#image-estudios {
  background-image: url(../img/bg-estudios.jpg), linear-gradient(to top, #0B60B0, transparent);
  background-blend-mode: soft-light;
  background-repeat: no-repeat;
  background-size: cover;
  height: 45rem;
  width: auto;
  padding: 0%;
  filter: brightness(50%);
}

#image-estudios:hover {
  filter: brightness(1);
  cursor: pointer;
}

#image-imagenologia {
  background-image: url(../img/bg-imagenologia.jpg), linear-gradient(to top, #0B60B0, transparent);
  background-blend-mode: soft-light;
  background-repeat: no-repeat;
  background-size: cover;
  height: 45rem;
  width: auto;
  padding: 0%;
  filter: brightness(50%);
}

#image-imagenologia:hover {
  filter: brightness(1);
  cursor: pointer;
}

.centrado{
  position: absolute;
  top: 80%;
  left: 50%;
  transform: translate(-50%, -50%);
}

#imagen-contacto {
  background-image: url(../img/bg-contacto.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  width: auto;
  height: 57rem;
}

.container-social-media {
  display: grid;
  grid-template-columns: 33% 33% 33%;
}

.top-social-media {
  top: 50%;
}

#flecha-back {
  transform: rotate(270deg);
}

#checkups {
  display: none;
}

.checkups {
  background-image: url(../img/checkups.png), linear-gradient(to bottom, #0B60B0, transparent);
  background-blend-mode: soft-light;
  background-repeat: no-repeat;
  background-size: cover;
  height: 70rem;
  width: auto;
}

#estudios {
  display: none;
}

.estudios {
  background-image: url(../img/estudios.jpg), linear-gradient(to bottom, #0B60B0, transparent);
  background-blend-mode: soft-light;
  background-repeat: no-repeat;
  background-size: cover;
  height: 75rem;
  width: auto;
}

#imagenologia {
  display: none;
}

.com-img {
  background-image: url(../img/comunicaciones-imagenes.png), linear-gradient(to right, #0B60B0, transparent);
  background-blend-mode: soft-light;
  background-repeat: no-repeat;
  background-size: cover;
  height: 39rem;
  width: auto;
}

.estud-imagen {
  background-image: url(../img/estud-imagen.png), linear-gradient(to right, #0B60B0, transparent);
  background-blend-mode: soft-light;
  background-repeat: no-repeat;
  background-size: cover;
  height: 48rem;
  width: auto;
}

.estud-mamo {
  background-image: url(../img/estud-mamo.png), linear-gradient(to right, #0B60B0, transparent);
  background-blend-mode: soft-light;
  background-repeat: no-repeat;
  background-size: cover;
  height: 40rem;
  width: auto;
}

.densi-electro {
  background-image: url(../img/densi-electro.png), linear-gradient(to right, #0B60B0, transparent);
  background-blend-mode: soft-light;
  background-repeat: no-repeat;
  background-size: cover;
  height: 40rem;
  width: auto;
}

.certificaciones {
  background-image: url(../img/estudios.jpg), linear-gradient(to right, #0B60B0, transparent);
  background-blend-mode: soft-light;
  background-repeat: no-repeat;
  background-size: cover;
  height: 32rem;
  width: auto;
}

.cumplimiento {
  background-image: url(../img/cumplimiento.png), linear-gradient(to right, #0B60B0, transparent);
  background-blend-mode: soft-light;
  background-repeat: no-repeat;
  background-size: cover;
  height: 45rem;
  width: auto;
}

@media (max-width: 1200px) {
  #imagen-home {
    height: 70rem;
  }

  .v-line {
    border-left-width: 0;
  }

  .container-grid {
    grid-template-columns: 100%;
  }

  #imagen-contacto {
    height: 115rem;
  }

  .checkups {
    height: 108rem;
  }

  .estudios {
    height: 131rem;
  }

  .com-img {
    height: 44rem;
  }

  .estud-imagen {
    background-image: url(../img/estud-img.png), linear-gradient(to right, #0B60B0, transparent);
    height: 48rem;
  }

  .densi-electro {
    width: 100%;
    float: left;
  }

  .certificaciones {
    width: 100%;
  }
}