Can't Make Menu's Display Property to Block when checked

Question

@media only screen and (max-width: 500px){
    label{
        display: block;
        cursor: pointer;
    }
    .menu {
        text-align: center;
        width: 1