@media screen and (max-width:616px){
    .cabecera{
        width: 100%;
    }
    .logo-imagen{
        display: none;
    }
    .logo p a{
        font-size: 20px;
    }
    .btn-menu {
        display: block;
    }
    .contenedor-menu {
        background: rgba(0,0,0,.5);
    }
    .contenedor-menu .menu{
        display: none;
    }
    .menu > li{
        float: none;
        background: rgba(0,0,0,.5);
    }

 }

@media  screen and (min-width:617px) and (max-width:900px){
    .cabecera{
        width: 90%;
    }
    .logo-imagen{
        display:none;
    }
    .logo p a{
        font-size: 27px;
    }
    .btn-menu {
        display: block;
    }
    .contenedor-menu {
        background: rgba(0,0,0,.5);
    }
    .contenedor-menu .menu{
        display: none;
    }    
    .menu > li{
        float: none;
        background: rgba(0,0,0,.5);
    }
}