Desktop VS mobil

Jeg ønsker at lave forskelligt indhold til desktop og mobil, og kommet op med dette CSS, men det virker tilsyneladende ikke. Hvor har jeg mon fejlet?

Her er siden: http://jeanjensen.dk/sult/sulten.html

- og her er CSS'en:

//medium+ screen sizes
@media (min-width:992px) {
.desktop-only {
display:block !important;
}
}

//small screen sizes
@media (max-width: 991px) {
.mobile-only {
display:block !important;
}

.desktop-only {
display:none !important;
}
}

Håber der er en der kan hjælpe - enten med at finde fejlen, eller hvis der findes noget bedre/smartere...

\\ Jean Jensen