La taille de la police ne change pas

bonjour,
après avoir réussi à mettre une image en arrière plan j'ai un souci avec la taille de la police du titre du site.
je veux que mon site soit responsive!!!
dans le fichier index

<link rel="stylesheet" type="text/css" href="css/style.css" />
<link rel="stylesheet" type="text/css" href="css/medias.css" />
...
<div id="b2">JUMELAGE <br> TROISSY ~ PARTENHEIM </br></div>

dans le fichier style.css

html, body {height:100%; border:0; font-size:1em; min-height:100%; padding:0; }
#global { width:80%; font-family:verdana; margin-left:auto; margin-right:auto;}

#b2 { width : 60%; float:left; text-align:center; color:#FFF; background-image:url("../images/vignes.jpg"); font-size:2.4em;}

dans le fichier medias.css

/*  MEDIA  */
img, object, embed, canvas, video, audio, picture {
       max-width: 100%;
	height: auto;
       _width: 100%; /* IE6 seulement */
}
@media screen and (max-width: 1440px) {
	html { font-size : 100%; }
	body { font-size:.85em;  }
	#global { width : 80%; }  
	#b2 { font-size:2.4em; }
}
@media screen and (max-width: 425px) {
	body { font-size:75%;	} /* 75%*/
	#global { width : 100%;  }
	#b2 { font-size:1em; }
}

pour la taille d'écran de 425px maximun : #b2 {font-size:1em; } ne réagit pas
merci de me dire ce qui ne va pas !!