Пишу text-aling: center; для header, но menubar остаётся на месте почему?

Пишу text-aling: center; для header, но menubar остаётся на месте почему?? 62 урок. курс HTML/CSS.

@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px) {

    .header {
        background-color: #56544b;
        min-width: 100%;
        height: 350px;
        text-align: center;
    }

    .logo {
        width: 100%;
    }
    .site_content {
        width: 100%;
    }s

    .menubar {
        width: 100%;
        height: 100%;
    }

    .site_content {
        width: 100%;
        text-align: center;
    }
    .sidebar_container {
        display: none;
    }

    .footer {
        display: none;
    }

    ul.menu {
        float: none;
    }

    ul.menu li {
        margin: 0 0 0 0;
        padding: 0 0 0 0;
        float: none;
    }

}