/**
 * Place your custom styles here.
 */

 :root {
    --fondo: #C6C4C2;
    --nav:#105982;
    --amarillo:#FFEA1C;
    --verde-oscuro:#006837;
    --naranja:#EF7929;
    --gris-1:#808080;
    --gris-2:#F1F1F1;
    --cafe-1:#77635C;
    --cafe-2:#754C24;
    --cafe-3:#473A34;
    --search:#AE5D45;
    --link:#245C86;
    --cafe:#534741;
    --verder-1:#A8E24B;
    --verder-2:#009145;
    --verder-3:#A5CE51;
    --verder-4:#51B85A;
    --azul-oscuro:#06374C;
    --azul-1:#1382C5;
    --azul-2:#006E99;
    --morado:#3F2991;
    --rojo:#AF3743;
}

.bg { 
  /* The image used */
  background-image: url(img/caratula.jpg);
position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        
  
  background-repeat: no-repeat;
  background-size: cover;
}
.boximgsha {
background-color: rgba(0, 0, 0, 0.5);
padding: 2%;
}
.boximgsha img{
    opacity: 0.9;
    margin: auto;
display: block;
}
.boximgsha img:hover{
    opacity: 1;
}
.boximg {
margin-top: 11%;
}
footer {
background: #fff;
padding: 1% 0;

margin-top: 15%;
bottom: 0;
width: 100%;
}
.d-flex{
    display: block !important;
}
/*// Extra small devices (portrait phones, less than 576px)
// No media query since this is the default in Bootstrap

// Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) { 
    
}

/*// Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {  }

/*// Large devices (desktops, 992px and up)*/
@media (min-width: 992px) { 
    footer {
    background: #fff;
    padding: 1% 0;
    position: fixed;
    bottom: 0;
    width: 100%;
    }
    .d-flex{
    display: flex !important;
    }
}

/*// Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {  }