/* Estilos base para o logotipo */
.logo-raifone {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
    padding: 10px 0;
}

/* Estilos para telas maiores (computadores e tablets em modo paisagem) */
@media (min-width: 769px) {
    .logo-raifone {
        width: 150px;
    }
}

/* Estilos para telas menores (celulares e tablets em modo retrato) */
@media (max-width: 768px) {
    .logo-raifone {
        width: 120px;
    }
}