Logo sobrepondo-se ao título

Estou desenvolvendo uma página de cadastro responsiva, só que o logo e o título estão me dando muita dor de cabeça, já tentei de tudo que eu sei e não consegui arrumar, será que algum entendedor de css poderia me dar uma dica? Ele está ficando assim a partir de uns 500px. Desde já agradeço.

Códigos:

HTML - https://pastebin.com/g7tipa0E

CSS - https://pastebin.com/w4yU95Hw

Foto do problema: