Почему не работает @media only screen?

@media only screen
and (min-device-width : 320 px)
and (max-device-width : 568 px) {
.header {
    background-color: #718b3d;
    min-width: 100%;
    height: 20%;
    text-align: center;
}
.logo {
	width: 100%;
}
.site_content {
	width: 100%;
}
.menubar {
	width: 100%;
	height: 100%;
}
.site_content {
	width: 100%;
	text-align: center;
}
.sidebar_container {
	display: none;
}
}