Problem sizing text and align the text

I cannot align the text to the left margin of the topbar and I cannot make the text smaller for screens with resolutions lower than 600px the following css code does not work

div.topbar{
	text-align:left !Important;
	}

@media only screen and (max-width: 600px) {
div.topbar{
	font-size:0.9rem !Important;
	text-align:left !Important;
}
div.promo-topbar{
	text-align:left !Important;
}
}