.logo {
  width: 30%; /* aumenta a largura em 50% */
  height: auto; /* mantém a proporção */
}

@media (max-width: 992px) {
    .main-header .logo {
        left: 55%;
        margin: 0;
        width: 60%;
        position: absolute;
        transform: translateX(-50%);
    }
}