html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

html {
  position: relative;
  min-height: 100%;
}

body {
    margin-bottom: 60px;

}
body {
    background-image: linear-gradient(0deg, rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('../imagenes/imagenfondo.jpeg');
    /*background-position: 50% 50% 50%;*/
    background-size: cover; /* 2. Hace que la imagen cubra todo el elemento */
    background-repeat: no-repeat; /* 3. Evita que la imagen se repita */
    background-position: center; /* 4. Centra la imagen */
}