@media (max-width: 615px) {

    .encabezado{
        flex-direction: column;
        height: 100%;
    }

    .encabezado> .derecha{
        flex-direction: column;
        padding: 0px;
    }

    .encabezado> .derecha> .contacto{
        flex-direction: column;

    }

    .telefono{
        padding-bottom: 20px;
    }
    .email{
        padding-bottom: 20px;
    }
    .instagram{
        padding-bottom: 20px;
    }

    .top-heading{
        font-size: 0.8em;
    }
    
    .pie{
        height: 100%;
    }
    .pie> .contacto{
        flex-direction: column;

    }
}