#franja {     
            position: relative;
            width: 100%;
            display: flex;
            flex-direction: row;
            flex-wrap: wrap; 
            align-items: center; 

        }
    .logoa{  
        width:23.5%;
        float:left;
        margin-left:0%;
        text-align: center;
    }
    .logoa img{
        width:80%;
    }

    .banner_super{ 
        position: absolute;
        width:76.5%;
        float:left; 
        left: 23.5%;
    }
    .banner_super img{ 
        float:right;
        width:100%;
    }
    #franja .redess{
        float: right;
        width: 70%;    
        text-align: right;
        z-index: 100;
    }
    #franja .redess img{
        float: none;
        width: 40px;
        height: auto;
    }

@media screen and (max-width: 768px) {
    #franja {      
        position: relative;
        width: 100%;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap; 
        align-items: center; 

    }

    #franja .logoa{  
        float: left;
        width:20%;
        text-align:center;
        z-index: 100; 
    }
    #franja .logoa img{ 
        width:90%; 
    }
    #franja .slogan{ 
        font-size: 18px; 
        color:#1563ab;
        font-weight: bold;
        width: 25%;
        float: left;
        text-align: left;
    }
    #franja .redess{
        margin-left: 8%;
        width: 35%;    
        text-align: center;
        float: left;
    }
    #franja .redess img{
        float: none;
        width: 25px;
        height: auto;
    }
    #franja .banner_super{ 
	    display:none;
	    visibility:hidden;  
    }
	
}