body {
  font-family: 'Rubik', sans-serif;
}

.hand-write {
  font-family: 'Corinthia', cursive;
}

p {
  font-size: 12px;
}

.logo {
  height: 50px;
}

.flex-down {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  
}
.img-marca {
  width: 100%;
  height: 120px;
  object-fit: contain;
}

.card {
  height: 250px !important;  
}

.card:hover {
  box-shadow: 0px 0 30px 0px rgba(0, 0, 0, 0.14) !important;
  transform: scale(0.97);
  transition: all 0.4s ease-in-out;
  /* box-shadow: 0px 0 20px 2px rgb(0 0 0 / 21%) !important; */
}

.header-img {
  background-image: url(./jamco-banner4.jpg);
  max-height: 960px !important;
  background-repeat: no-repeat !important;
  /* padding: 400px 0px 200px; */
  background-position: center;
  margin-top: -110px;
  position: static;
  width: 100%;
}

.fondo-miembros {
  background: url(./img/bg-miembros-mv.jpg) rgba(255, 255, 255, 0.8);
  background-blend-mode: overlay;
  background-position: center;
  background-size: cover;
  width: 100%;
  background-repeat: no-repeat;
}

.fit-content { width: fit-content; }
.opacity-10 { opacity: 0.1 }
.nav-link {
  padding: 16px 20px !important;
  text-align: center;
}

.carousel-item {
  height: 100vh;
}

@media (min-width: 576px) { 
  .logo { height: 90px;}
  .carousel-item {
    height: 100%;
  }
  .nav-link {
    padding: 0px 20px !important;
  } 
  .fondo-miembros {
    background: url(./img/restaurante.jpg) rgba(255, 255, 255, 0.8);
    background-blend-mode: overlay;
    /* background: url(./img/restaurante.jpg) rgba(0, 0, 0, 0.4);
    background-blend-mode: multiply; */
    background-position: center;
    background-size: cover;
    width: 100%;
    background-repeat: no-repeat;
  }
 }