@media doesnt seem to be working. Am I missing something?

@media only screen and (max-width: 1000px) {

.swiper-slide .content h2 {

font-size: 40px!important;

line-height: 44px!important;

}

.swiper-slide .content p {

font-size: 18px!important;

line-height: 22px!important;

font-family: Lato!important;

font-weight: 300!important;

}

body .row .col.section-title h1, body h1 {

font-size: 18px;

line-height: 31.2px;

}

}