* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  /* font-size: 10px; */
  /* 10px / 16px = 0.625 = 62.5% */
  /* Percentage of user's browser font-size setting */
  font-size: 62.5%;
  /* 
  Se va a utilizar el valor "rem" para el tamaño de las cosas. La razon es para que sea responsive con algo que se llama media queries al final cuando ya esté terminado

  Se hace este cambio para que el uso de rem sea más facil, es decir: Normalmente 1rem es 16px. La cantidad de px de 1rem es influenciada por el font size de la pagina. Basicamente lo que hice aquí fue cambiar la catidad de px que representa 1rem para que sea más facil para mi visualizar la cantida de px por rem.
  */
}

body {
  color: #444;
  font-family: sans-serif;
  /* border-top: 10px solid #95c361; */
  /* border-bottom: 10px solid #95c361; */
  background-color: #f6f6f6;
}

.general-container {
  padding: 10rem 15rem;
}

.heading-primary {
  font-size: 7rem;
  line-height: 1.05;
  letter-spacing: 0.75px;
  text-transform: uppercase;
}

.heading-secondary {
  font-size: 4.4rem;
  line-height: 1.2;
  margin-bottom: 3.2rem;
  letter-spacing: 0.75px;
  text-transform: uppercase;
}

.footer-heading {
  font-size: 1.8rem;
  font-weight: 500;
  margin-bottom: 4rem;
}