main
{
  display: flex;
  justify-content: center;
  width: 100%;
  padding: 1em;
}
#contenedor
{
  width: 100%;
  padding: 1em;
  max-width: 1024px;
  text-align: justify;
}
#contenedor ul, #contenedor ol
{
  margin-left: 1em;
  width: 90%;
}
#contenedor ul li, #contenedor ol li, #contenedor p
{
  margin: 1em 0;
}

}
@media (min-width: 320px) and (max-width: 480px) {
  
}
@media (min-width: 480px) and (max-width: 720px) {
  
 
}
@media (min-width: 720px) and (max-width: 1024px) {
  

  
}
@media only screen and (min-width: 1024px){


}