media queries não centraliza quebrada

Fica alinhado no navegador mas quando eu abro no smartphone fica desalinhado somente essa parte do site o restante tá ok, não sei se é alguma coisa errada na estrutura do html ou css.

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

#aluno{ }
#aluno img{width:125px; height:60px; margin-left:65px; margin-top:-50px; }
#aluno a{font-size: 12px; color: #333; background-color:; margin-left:26px; margin-top:-70px;}

#trabalho{ }
#trabalho img{width:125px; height:60px; margin-left:65px; margin-top:50px; }
#trabalho a{font-size: 12px; color: #333;background-color:; margin-top:30px; margin-left:26px;}

<div id="aluno">
	<a href="#">ÁREA DO ALUNO </a>
	<img src="aluno.jpg" title="Área do Aluno"/>
</div>

<div id="trabalho">
	<a href="#" >MERCADO DE TRABALHO </a>
	<img src="trabalho.jpg" title="Mercado de Trabalho"/>
</div>