body{
     /*background: linear-gradient(#333333, #5a5c6a);*/
     background-image: url('/static/imagenes/bg_home3.jpg');
     background-size: cover;
     background-repeat: no-repeat;
     background-attachment: fixed;
}

#body-div{
     background-color: rgba(0, 0, 0, 0.6);
}

/*#content{
     background-color: rgba(0, 0, 0, 0.6);
}*/

#first_screen{
     min-height: 100vh;
}

.depto-icon{
     color: var(--fontlogocolordark);
}

/* Estilos size md ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media screen and (max-width: 768px) {
     #first_screen{
          min-height: 95vh;
     }
 }

 /* ESTILOS DE CAMBIO DE NAV BAR +++++++++++++++++++++++++++++++++++++++++++++++*/
 .navbar-colored{
     background-color: var(--backlogocolor);
     box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075);;
    
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
 }

 .navbar-transparent{
     background-color: transparent;
    
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
 }