안녕하세요

반응형으로 데스크탑에서 볼때와 모바일에서 볼때의 글자크기의 차이를 주고 싶습니다.

<h3 style="text-align: center; font-size: 39px; margin-bottom: 1em;@media only screen and (max-width: 480px){h3{font-size:22px;}}}">

이런식으로 짜봤는데 적용이 안되네요.. 어떻게 해야 될까요?