.banner {
            float:left;
            width: 100%;
            /*max-width: 1250px;*/
            max-width: 100%;
            margin: 0 auto;
            
            height:80px;
            text-align:center;
            transition: height 2s;
            
            
            /*background-color:#9ACD32; verde medio claro*/
            background-color:orange;
            position: sticky; 
            position: -webkit-sticky; 
            bottom: 0px; 
            align-self: flex-end; 
            overflow:hidden;
            display:flex;
           justify-content:center;
        }
        
.banner a{
    text-decoration:none;
}


/*
.banner:hover {
            
            height:280px;
            
        }*/
        
        @media only screen and (max-width: 768px) {
            .banner {
                width: 100%;
                margin: 0 auto;
            }
        }
        
         @media only screen and (max-width: 320px) {
            .banner {
                height:40px;
            }
            .banner:hover {
                height:140px;
            }
        }
        


        
        

        
.image-container{
    text-align:center;
    border: 5px solid #6a06cf; /*color morado azulado*/
    width:100%;
    height:auto;
    overflow:hidden;
    /*position:relative;*/
    clear:both;
}

.image-container img{
    width:100%;
    height:100%;
    object-fit:cover;
    
}


.links-container{
    text-align:center;
    background-color:#075e52; /*verde petroleo azul -oscuro*/
    width:100%;
    height:15px;

}



/*inicio banner padre*/

.cont1{
background-color:red; 
height:30px;
}

.cont1 a{
text-decoration:none;
}
/*fin banner padre*/

.resp-tabs-container{ /*copiado de responsive-tabs.css porque no respetaba el margen izquierdo*/
    padding:10px;
}