html5,css3で、スマホの時に写真が縮小されない

Question

こんにちは、goliraです。
絶賛html,cssを勉強中です。
下記のコードを入力して、実行すると
メインの画像が縮小されません。何故でしょうか？
分かる方、よろしくお願いします。
※#main_visualの部分です。

#media screen and (max-width : 767px;)
	img {
		max-width: 100%;
	}
	header,
	#global_navi,
	#sidebar,
	#wrapper{
		width: 100%
	}
	header h1 {
		float: none;
		text-align: center;
	}
	header h1 img {
		width: 50%;
	}
	header #header_contact {
		display: none;
	}
	#global_navi ul li {
		width: 50%;
		padding: 0.5px;
		margin: 0;
		box-sizing: border-box;
	}
		#global_navi ul li a {
			margin: 0;
		}
			#global_navi ul li:last-child {
				width: 100%;
			}
		#main {
			width: 100%;
			padding: 0.5%;
			box-sizing: border-box;
		}
			#main figure {
				text-align: center;
			}
	#main_visual {
		width: 100%;
		height: auto;
	}
	
	
	#point figure {
		float: none;
		margin: 0 0 11px 0;
	}
	
	
	#side_banner ul li {
		text-align: center;
		margin: 11px auto
	}
	#side_contact address img {
		width: 14px;
		height: 20px;
	}
	
	
	#entry dl dt {
		float: none;
		width: 100%;
		box-sizing: border-box;
	}
	#entry dl dd {
		width: 100%;
		margin-left: 0;
		border-left: none;
		box-sizing: border-box;
	}
	#entry #name, #entry #email, #entry #interest {
		max-width: 100%
	}
}

htmlの部分

<!--メインビジュアル画像-->
	<div id="main_visual">
		<p><img src="images/main_visual.jpg" alt="あなただけのアレンジメントに出会えるフラワーアレンジメント教室"></p>
	</div>
	<!--/メインビジュアル画像-->

Answer 1

中身は見ていません.
#mediaは間違い. @mediaが正しい.

Comments

[kszk311]

あと、@media screen and (max-width : 767px;)←閉じ括弧の前のセミコロンもいらない、括弧が開いていない、もありますね。

[defghi1977]

CSS文法的に間違っているのでメディアクエリが正しく動いていないのですね

[kszk311]

そうですね、それと見やすさと言う点でも、インデントもそろえてあると良いですね。

[goliragolira]

お二人の指摘された通りでした。
なんだか、初歩的なミスで申し訳ないです。有難うございました。

Answer 2

ご指摘頂いた通り、セミコロンと@マークを直したら、上手くいきました。