@media screen and (min-width: 481px) {
    #contenedor  {
        width: 100%;
        height: 150px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    .logo  {
        width:100%;
    }

    .fecha  {
        width:100%;
        font-size: 20px;
        color: #3e1919;
        font-family: Verdana, Arial, Helvetica, sans-serif;
    }
}
@media screen and (max-width: 760px) and (min-width: 481px) {
    #contenedor  {
        width: 100%;
    }
    .logo, .fecha {
        width: 100%;
        float: right;
        color: #3e1919;
        font-family:Verdana, Arial, Helvetica, sans-serif;
    }
    .titulo  {
        font-size: 25px;
    }
    .fecha  {
        font-size: 25px;
    }
}
@media screen and (max-width: 480px) {
    #contenedor  {
        width: 100%;
    }
    
    .logo {
        min-width: 100%;
        float: right;
    }
    .fecha {
        display: none;
}
}