So, I'm experiencing an issue where the browser I'm using doesn't seem to be picking up the styles I've set for a max-width of 960px and below. Can anyone provide insights into what might be causing this? Any assistance would be highly appreciated. For reference, the browser in question is Chrome.
@media only screen and (max-width: 1920px) {
body { font-size:40px; }
.logo { width:33%;}
.article { margin-top:-79px; }
.article div:first-child { padding-left:255px; padding-right:255px; }
.products_section { margin-top:55%; }
.products_section div:first-child, .products_section div:nth-child(2){ padding:0 140px; }
.address { margin-top:9%; margin-bottom:12%; }
.address_content { padding-left: 140px; }
.address_content div:first-child { width:32%; font-size:40px; margin-right:300px; }
.address_content a img { display:inline-block; width:23%; }
.address_content a img:last-child{ margin-left:39px; }
}
<!-- more CSS media queries ... -->
@media only screen and (max-width: 320px){
}
<!DOCTYPE>
<html>
<head>
<title>Koffee Korner</title>
<meta name="ROBOTS" content="NOINDEX, NOFOLLOW">
<link rel="stylesheet" type="text/css" href="kk_css.css">
</head>
<body style="padding:0; margin:0; background:url(https://gallery.mailchimp.com/0e6cb285290458da56bd35739/images/aff8994c-8857-42f9-9710-4ee69a139dbe.jpg) no-repeat; background-position:inherit; background-size:cover; font-family:Rockwell;">
<div style="margin:9px; 9px 0 9px;">
<a href="https://www.koffeekorner.ca/">
<img class="logo" src="https://gallery.mailchimp.com/0e6cb285290458da56bd35739/images/083fdc0d-16ad-4a16-b0c8-cf61cd0d14a8.png">
</a>
</div>
<div class="article" style="width:100%; color:#fff; text-align:center;">
<div style="top:0; left:0; margin:0 auto;>
<font style="">Introducing</font><br/>
<h1 class="heading-tag" style="text-decoration:underline; font-size:1.5em;">KOFFEE KORNER BARRIE</h1>
<p align="left">
Koffee Korner is a Canadian company with locations throughout Canada. We carry over 550 flavours of coffee, tea & more including brands like Starbucks, McCafe & Tim Hortons. Visit us online or in our Barrie location at 12 Commerce Part Drive for <b>$10.00</b> off. Offer includes free shipping when your order is over <b>$59.99</b>.
</p>
</div>
</div>
<!-- more HTML content ... -->
</body>
</html>