/* Estilos para telas menores */
@media (max-width: 767px) {
  /* Exemplo de alteração de estilo para telas menores */
  .container {
    padding-left: 10px;
    padding-right: 10px;
  }
}

/* Estilos para telas maiores */
@media (min-width: 768px) {
  /* Exemplo de alteração de estilo para telas maiores */
  .container {
    padding-left: 20px;
    padding-right: 20px;
  }
}

/* Estilos gerais para todos os tamanhos de tela */
.container {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

html{
  scroll-behavior: smooth;
}
/* Adicione mais estilos conforme necessário */