logo distorce na versão mobile

[WAD - Soluções 0]

Olá, só pouco leigo, estou com dificuldade em deixa logo de um site padronizada poderia me ajudar com alguma orientação. A logo até na versão tablet exibida sem problemas porém quando chega na versão mobile tenho problema consideram que a logo e oval.

Link do site: http://wadsolucoes.com.br/sys/editor/

.logo_container
{
	display: inline-block;
	padding-left: 76px;
}
.logo span
{
	font-family: 'Open Sans', sans-serif;
	font-size: 30px;
	font-weight: 900;
	color: #3a3a3a;
	vertical-align: middle;
	text-transform: uppercase;
	margin-left: 3px;
}

			<div class="logo_container">
				<div class="logo"><a href="./"><img src="images/logo-2.png" alt="EDITOR FISCAL - UMA PARCERIA DE SUCESSO" width="210" height="204"/></a>
				</div>
			</div>

 

[Thiago Az 0]

@WAD - Soluções

 

Remove o atributo height da tag img

 

Deixe assim: Pois a definição da altura da imagem deixou ela distorcida.

 

<div class="logo_container">
  <div class="logo"><a href="./">
    <img src="images/logo-2.png" alt="EDITOR FISCAL - UMA PARCERIA DE SUCESSO" width="210"/></a>
  </div>
</div>

 

[WAD - Soluções 0]

http://wadsolucoes.com.br/sys/editor/

Ficou show, mais você acha q consigo deixa ela pouco maior. 
Se não for abusar Thiago

[Thiago Az 0]

@WAD - Soluções

 

Pode colocar dessa forma

 

@media only screen and (max-width: 575px)
.logo img {
    width: 130px;
}

 

[Thalles Rangel 0]

Em 29/04/2019 at 20:42, Thiago Az disse:

@WAD - Soluções

 

Pode colocar dessa forma

 

@media only screen and (max-width: 575px)
.logo img {
    width: 130px;
}

 

FAÇA TESTES NO GOOGLE CHROME USANDO TECLA F12 e ir em responsividade