body {
    background-color:#E0E0E0; /* Fondo base */
    padding: 75px; 
}

h1, h4 {
    text-align: center;
}

table {
    margin-left: auto;
    margin-right: auto;
    /* O de forma abreviada: */
    margin: 20px auto; /* 20px arriba/abajo, auto a los lados */
}

/* Tablet */
@media (max-width: 1024px) {
  .container {
    padding: 30px 18px;
  }

  h1 {
    font-size: 1.8rem;
  }

  h2 {
    font-size: 1.4rem;
  }
}


/* Móvil */
@media (max-width: 768px) {
  .container {
    padding: 25px 15px;
  }

  h1 {
    font-size: 1.6rem;
  }

  p {
    font-size: 0.95rem;
  }
}