/* Estilos básicos e reset */

.site-header {
    padding: 20px 0; /* Espaçamento interno superior e inferior */
}

.site-title {
    font-size: 3.5vw; /* Diminui ligeiramente em telas muito grandes, se desejado */
    font-family: Montserrat; 
	font-weight: 800;
	color:#000;
	text-align: right;
}

.no-break {
  white-space: nowrap; /* Impede a quebra de linha */
  overflow: hidden;    /* Oculta o texto que ultrapassa o limite do elemento */
  text-overflow: ellipsis; /* Adiciona reticências (...) ao texto oculto (opcional) */
}

/* Responsividade com Media Queries */

/* Estilos para telas menores que 600px (smartphones) */
@media screen and (max-width: 600px) {
    .site-title {
        font-size: 7.5vw; /* Aumenta o tamanho da fonte para melhor leitura em telas pequenas */
/*        padding: 0 10px; /* Adiciona algum padding lateral para garantir que o texto não toque as bordas */
    }
}

/* Estilos para telas maiores que 1200px (desktops grandes) */
@media screen and (min-width: 1200px) {
    .site-title {
        font-size: 3.8vw; /* Diminui ligeiramente em telas muito grandes, se desejado */
    }
}