BODY {
    color: #404040;
    background: #FFFFFF;
    text-align: justify;
    font-family: 'Maven Pro', 'Helvetica Neue', sans-serif;
    font-size: 14pt;
    font-weight: 300;
    text-decoration: none;
    line-height: 1.5;
    margin-left: auto;
    margin-right: auto;
}

a {
    color: #D03030;
    text-decoration: none;
}

li {
    margin: 0em;
}

.head {
    color: #FFFFFF;
    background: #501644;
    font-family: 'Lato', sans-serif;
    font-size: 48pt;
    font-weight: bold;
    padding: 1em 0.25em 1em 0.5em;
    margin: 10pt 0pt 0pt 0pt;
    line-height: 1;
}

.title {
    font-size: 16pt;
    line-height: 1.2em;
    padding: 0em 1em;
}

.menu {
    color: white;
    background: black;
    padding: 0.25em 1em;
    margin: 0pt;
}

.text {
   padding: 0em 1em;
}

a.menu {
    color: #E0E0E0;
}

a.menu:hover {
    color: #FFFFFF;
}

.arrow {
    margin-bottom: 2.5em;
}

.foot { font-size: 11pt; }

@media screen and (max-width: 640px) {
  body { font-size: 12pt;}
  .head { font-size: 20pt; color: white; background: #501644; padding: 16pt 4pt 16pt 4pt; margin: 0pt; }
  .title { padding: 0pt 16pt 0pt 16pt; text-align: left; }
  .menu { font-size: 12pt; }
  .text { padding: 0pt 16pt 0pt 16pt; }
}