*, *:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

@font-face {
  font-family: 'Vegur';
  src: url("/fonts/vegur-light.eot");
  src: url("/fonts/vegur-light.eot?#iefix") format("embedded-opentype"), url("/fonts/vegur-light.woff") format("woff"), url("/fonts/vegur-light.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'Vegur';
  src: url("/fonts/vegur-bold.eot");
  src: url("/fonts/vegur-bold.eot?#iefix") format("embedded-opentype"), url("/fonts/vegur-bold.woff") format("woff"), url("/fonts/vegur-bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal; }
html {
  height: 100%;
  -webkit-text-size-adjust: none;
  font: 73% Arial, Helvetica, sans-serif; }
  @media only screen and (max-device-width: 1100px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
    html {
      font-size: calc(73% + .9vw); } }

body {
  text-align: center;
  background: white;
  margin: 0; }

a {
  color: gold;
  text-decoration: underline; }
  a:hover {
    color: black; }

h1 {
  font-family: 'Vegur', sans-serif;
  font-weight: 100;
  font-size: 5.2rem;
  letter-spacing: 0.2rem;
  padding: 0 2rem; }
  @media only screen and (max-device-width: 1100px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
    h1 {
      font-size: 3.5rem; } }

h2 {
  font-size: 2.4rem;
  font-weight: 100;
  line-height: 2rem;
  letter-spacing: 0.2rem;
  padding: 2rem 0 0 0;
  margin: 0; }

h3 {
  font-family: 'Vegur', sans-serif;
  font-size: 3.8rem;
  line-height: 0.6rem;
  font-weight: 100;
  text-align: center;
  margin-bottom: 5rem;
  padding: 0;
  color: black; }

h4 {
  font-size: 1.4rem;
  margin: 6px 0 3px 0; }
  h4 a:link, h4 a:visited, h4 a:active {
    text-decoration: none; }

span, a, p, li {
  font: 1.7rem/2rem Arial, Helvetica, sans-serif; }

p {
  margin: 0 0 .7em 0; }

ul, li {
  list-style: none outside none;
  display: table;
  margin: 0 0 2rem 0;
  padding: 0; }

li {
  list-style: none;
  display: table-row;
  margin-bottom: 2em; }
  li::before {
    content: "\2605";
    display: table-cell;
    color: darkolivegreen;
    font-size: 1.4rem;
    text-align: right;
    padding-right: .6rem;
    padding-bottom: 2.5rem; }

#container {
  margin: 0 auto;
  position: relative; }

section {
  background-color: white;
  background-image: url("../images/noise.png");
  padding: 4em 25%;
  color: black;
  text-align: left;
  /* iPads (portrait) ----------- */ }
  @media only screen and (min-width: 1160px) {
    section {
      padding: 3em 10%; } }
  @media only screen and (max-width: 1160px) {
    section {
      padding: 3em 4%; } }
  section.justify {
    text-align: justify; }
  section.mid-size {
    text-align: center;
    padding: 3em 20%; }
    section.mid-size h3:not(:first-child) {
      margin-top: 1.4em; }
    section.mid-size h3 {
      margin-bottom: .6em; }
  section span.min-width {
    display: inline-block;
    min-width: 112px; }
  section .prev {
    display: flex; }
    section .prev > span {
      min-width: 150px; }
    @media only screen and (min-width: 812px) and (max-width: 1200px) {
      section .prev > span {
        min-width: 240px; } }

section:nth-child(1) {
  background-color: white;
  color: black; }
  section:nth-child(1) h3 {
    color: #4faeed; }

section:nth-child(2) {
  background-color: #9BCF2F;
  color: white; }
  section:nth-child(2) h3 {
    color: white; }

section:nth-child(3) {
  background-color: #48A1E7;
  background-color: #48A1E7;
  color: white; }
  section:nth-child(3) h3 {
    color: white; }

section:nth-child(4) {
  background-color: #C74141;
  color: white; }

section:nth-child(5) {
  background-color: #BB52B2;
  color: white; }

section:nth-child(6) {
  background-color: #FAAC1B;
  color: black; }
  section:nth-child(6) h3 {
    color: white; }

.downloadLinks > div {
  width: auto;
  border-radius: 8px;
  border: 1px dashed #999;
  background-color: aliceblue;
  padding: 6px;
  color: brown; }
  .downloadLinks > div > div {
    white-space: nowrap; }
.downloadLinks span {
  display: inline-block; }
.downloadLinks a {
  width: 29px;
  height: 29px;
  display: inline-block;
  vertical-align: middle;
  margin: 0 2px;
  border-radius: 3px; }
  .downloadLinks a.word {
    background: url(../images/word.svg) no-repeat 0 0; }
  .downloadLinks a.pdf {
    background: url(../images/pdf.svg) no-repeat 0 0; }

header {
  background-color: black;
  background-image: url("../images/noise.png");
  color: white;
  height: 100%;
  position: relative;
  padding: 0 1em;
  display: flex;
  flex-direction: column; }
  header h2 {
    padding: 4rem 0 0 0; }
  header .header-group .downloadLinks {
    display: none; }
    @media only screen and (max-width: 1225px) {
      header .header-group .downloadLinks {
        display: block;
        position: static;
        text-align: center;
        max-width: 50%;
        align-self: center;
        margin: 2em auto; } }
  header .downloadLinks {
    position: absolute;
    right: 20px;
    text-align: right;
    display: flex;
    flex-direction: column;
    height: inherit;
    justify-content: center; }
    header .downloadLinks > div {
      justify-content: center; }
    @media only screen and (max-width: 1225px) {
      header .downloadLinks {
        display: none; } }
  header .emails {
    margin-bottom: 4em; }
    header .emails div {
      display: inline-block; }
      header .emails div a:link, header .emails div a:visited, header .emails div a:active {
        color: dodgerblue; }
      header .emails div a:hover {
        color: white; }
      @media only screen and (max-width: 1160px) {
        header .emails div {
          margin-bottom: 1em; } }

footer {
  background-color: black;
  background-image: url("../images/noise.png");
  padding: 1em 0; }
  footer .downloadLinks {
    padding: 1em; }

/*# sourceMappingURL=style.css.map */