body{
  font-size:1.1rem!important;

}
 .navbar {
    margin-bottom: 50px;
    border-radius: 0;
  }
  
   .jumbotron {
    margin-bottom: 0;
    border-bottom: 5px solid black!important;
    position:relative;
    overflow: hidden; 
    height: 40vh;
    background-color: black!important;
    background-image: url('../imagenes/matesin.jpg')!important; 
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center -400px;
    
  }

.jumbotron .contenido  {
  text-shadow: 0px 0px 10px #000000;
  position: relative;
  margin-top: 2%;
}

  
footer a{
  text-decoration: none;
}
  footer ul li {
    list-style-type: none;
    
  }
  .navbar-nav {
    width: 70%!important; 
  }
  .navbar-nav > li {
    flex: 1;
    text-align: center; 
  }
  /* .navbar-nav {
    width: 100%!important; 
  }
  .navbar-nav > li {
    flex: 1;
    text-align: center; 
  } */

  /*Galeria*/
  /* .gallery-item {
    position: relative;
    overflow: hidden;
    cursor: pointer;
} */


.navbar {
  border-bottom: 5px rgb(0, 0, 0) solid;
}
.gallery-item img {
    width: 100%;
    height: auto;
    transition: transform 0.3s ease-in-out;
}
.gallery-item:hover img {
    transform: scale(1.1); 
}

.gallery-col {
  display: flex;
  flex-direction: column;
  align-items: center;
  border-right: 1px solid #ddd;
  padding-right: 15px;
  margin-right: 15px;
  
}


.gallery-item {
  margin-bottom: 10px;
  width: 60px;
}


.gallery-item img {
  cursor: pointer;
  width: 100%;/* Thumbnail size */
  height: auto;
 
}

.main-image {
  max-width: 100%;
  display: none;
}

.errores {
  color: red;
  font-weight: bold;
}

#marca, #nombreFooter {
  background-image: url('../imagenes/LMlogo-wt.png');
  background-size:contain;
  background-repeat: no-repeat;
  background-position: center;
  height:20vh;

  text-indent: -10000px !important;
}


#nombreFooter {

  width:300px; 
  height: 70px;
  margin: 0 auto; 

}
#redes  li a img{
  width: 70px;  
  padding: 10px;
}
#redes li {
  display: inline-block;
 
}
.fotos-ch{
  padding:5px;
}


.profile-img {
  width: 100%;
  height: auto;
  overflow: hidden;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

.center-button {
  display: block; /* Make it a block element */
  margin-left: auto; /* Auto margin for left */
  margin-right: auto; /* Auto margin for right */
}







@media (max-width: 767px) {
h1, h2, h3, h4, h5, h6, p {
  text-align: center;
}
  .profile-img {
    width: 100%;
    height: auto;
    overflow: hidden;
    border-top-left-radius: 5px;
    border-bottom-left-radius:0px;
    border-top-right-radius: 5px;
  }
 

}/*media 767px*/