.separador{


    padding-top: 70px;


}





#banner{


    background-image: url("../img/paginaInicial/mesafondo1.jpeg");


    background-size: cover;


    display: block;


    height: 500px;


    position: relative;





}








#info-banner{


    color: orangered;


    display: inline-block;


    text-align: center;


    position: absolute;


    left: 50%;


    top:50%;


    transform: translate(-50%,-50%);


    width: 600px;


}





#titulo-principal{


    font-size: 2.5em;


    margin-bottom: 0.5em;


}





#info-banner h3{


    font-size: 1.5em;


    margin-bottom: 0.5em;


}





#conocenos{


    background-color: rgba(140,198,62,0.9);


    color: white;


    display: inline-block;


    padding: 0.8em 1.2em;


    


}





#conocenos:hover{


    background-color: rgba(255,31,112,0.9);


}