* { font-family: 'palatino', sans-serif; }
body { margin: 0; text-align: center;}

body.baseBookPage { background-color: black; }
div.marginBlack { background-color: white; padding: 1em 2em 3em 2em; margin: 3em 4em 1.5em 4em; }
div.arrows { text-align: left; margin-top: 0; padding-top: 0;}
div.arrows img { max-width: 2.5em; }


section {
  display: flex;
  flex-wrap: wrap;
  text-align: center;
  align-content: center;
  margin-top: 3em;
  background-position: right;
  background-repeat: no-repeat;
}
body p.whiteText {color: white; margin-bottom: 2em; opacity: 70%; font-size: .8em;}
img.separador { max-width: 40%; opacity: 60%; margin: 2.5em 0 1em 0;}

/* Left side */
section div.left { max-width: 25%; margin: 0 3em 0 0;}
section div.left img { max-width: 90%; margin-bottom: 1.5em; }
button {
  background-color: #AF1320;
  border-radius: 1em;
  padding: 1em;
  border: none;
  text-decoration: none;
  min-width: 90%;
  margin-bottom: 1em;
}
div.left p { margin-bottom: .4em; margin-top: .4em; text-align: center;}
div.left p i { color: gray; }

/* Right side */
section div.right { max-width: 45%; text-align: left; padding-right: 2em; }
h1 { color: #AF1320; border-bottom: 2px solid #e8e8e8; padding-bottom: .8em;}
h2 { margin-top: 0; margin-bottom: 0; font-size: 1.7em; }
h3 { margin-top: .5em; margin-bottom: 1.4em; font-size: 1.2em; font-style: italic; opacity: 60%;}
div.right p { font-size: .9em;}
div.right p.comingSoon { margin-top: 0; font-style: italic; color: #AF1320;}

a:link {text-decoration: none; color: white;}
a:visited {text-decoration: none; color: white;}
a:hover {text-decoration: none;}
a:active {text-decoration: none;}