body,
html {
  margin: 0;
  font-family: sans-serif;
  max-width: 100%;
  overflow-x: hidden;
}
section {
  font-size: 10px;
}
@media only screen and (max-width: 1200px) {
  section {
    font-size: 8px;
  }
}
@media only screen and (max-width: 1000px) {
  section {
    font-size: 6px;
  }
}
@media only screen and (max-width: 600px) {
  section {
    font-size: 4px;
  }
}
section#hero-section img {
  width: 100%;
  display: block;
}
section#hero-section header {
  position: absolute;
  margin-left: 15.447154471%;
  transform: translateY(-65%);
  opacity: 0;
  font: 7.1em 'NunitoSans-Black', sans-serif;
  color: white;
  background-color: #291757;
  white-space: nowrap;
  padding: 0 .21126760563em;
}
@media only screen and (max-width: 1000px) {
  section#hero-section header {
    margin-left: 11%;
  }
}
@media only screen and (max-width: 600px) {
  section#hero-section header {
    margin-left: 7%;
  }
}
section#header-section {
  border-left: 1em solid #291757;
  margin-left: 11.869918699%;
  padding-top: 8em;
}
@media only screen and (max-width: 1000px) {
  section#header-section {
    margin-left: 7%;
  }
}
@media only screen and (max-width: 600px) {
  section#header-section {
    margin-left: 3%;
  }
}
section#header-section div.container {
  padding: 2.5em;
  padding-left: 4.5em;
  max-width: 97.5em;
  background-color: #0FA9C5;
  color: white;
  opacity: 0;
  position: relative;
}
section#header-section div.container header,
section#header-section div.container p {
  margin: 0;
}
section#header-section div.container header {
  font: 4.8em 'NunitoSans-Regular', sans-serif;
  line-height: 1.75em;
}
section#header-section div.container p {
  font: 3em 'NunitoSans-Regular', sans-serif;
  line-height: 1.26666666667em;
}
table#timeline {
  margin-left: 11.869918699%;
  border-left: 1em solid #291757;
  padding-top: 2.5em;
  padding-bottom: 0;
  border-spacing: .2em;
  white-space: nowrap;
}
@media only screen and (max-width: 1000px) {
  table#timeline {
    margin-left: 7%;
  }
}
@media only screen and (max-width: 600px) {
  table#timeline {
    margin-left: 3%;
  }
}
tr.timeline-year i.fa-circle {
  transform: translate(-0.73076923em, -0.23076923em);
  font-size: 2.4em;
}
tr.timeline-year i.fa-circle.milestone {
  color: #D13670;
  font-size: 3.2em;
  transform: translate(-0.7em, -0.125em);
}
tr ul.timeline-months {
  opacity: 0;
  text-align: center;
  z-index: 1;
}
span.year {
  font-size: 5.5em;
  cursor: pointer;
  padding-left: .45454545454em;
}
span.year.milestone {
  padding-left: .30909090909em;
}
tr.months-open li.month {
  cursor: pointer;
}
span.year,
li.month {
  font-family: 'NunitoSans-ExtraBold', sans-serif;
  text-transform: uppercase;
  color: #0FAAC6;
}
span.year.milestone,
li.month.milestone {
  color: #D13670;
}
span.year.open,
li.month.open {
  text-decoration: underline;
}
span.year:hover,
li.month:hover {
  text-decoration: underline;
}
img.milestone-arrow {
  width: 8em;
  vertical-align: text-bottom;
  transition: all .25s ease;
  opacity: 0;
  margin-left: 0;
  display: inline-block;
}
img.milestone-arrow.poke {
  opacity: 1;
  margin-left: 2em;
}
span.milestone-text {
  position: relative;
  display: inline-block;
  margin-left: .52777777777em;
  cursor: pointer;
  color: white;
  font: 3.6em 'NunitoSans-Black', sans-serif;
  background-color: #291757;
  height: 1.69444444444em;
  padding: 0 .53571428571em;
  line-height: 1.69444444444em;
  z-index: 2;
  -webkit-box-shadow: 0.14285714em 0.14285714em 0 0 rgba(41, 23, 87, 0.5);
  box-shadow: 0.14285714em 0.14285714em 0 0 rgba(41, 23, 87, 0.5);
  transition: transform 0.2s ease, box-shadow 0.2s ease, -webkit-transform 0.2s ease, -webkit-box-shadow 0.2s ease;
}
span.milestone-text:hover,
span.milestone-text.hovered {
  transform: translate(0.14285714em, 0.14285714em);
  -webkit-box-shadow: 0 0 0 0 rgba(41, 23, 87, 0.5);
  box-shadow: 0 0 0 0 rgba(41, 23, 87, 0.5);
}
ul.timeline-months {
  list-style-type: none;
  padding-left: .5em;
}
ul.timeline-months li.month {
  font-size: 3.6em;
}
div.milestone-block {
  position: absolute;
  background-color: white;
  display: none;
  width: 37.967479674;
  max-width: 467px;
}
@media only screen and (max-width: 1200px) {
  div.milestone-block {
    max-width: 55%;
  }
}
div.milestone-block img.milestone-block-image {
  display: none;
  width: 100%;
}
div.milestone-block img[src$=".svg"] {
  max-width: 50%;
}
div.milestone-block span.milestone-block-close {
  font-size: 1.9em;
  display: block;
  text-align: right;
}
div.milestone-block span.milestone-block-close i.fa-times {
  cursor: pointer;
}
div.milestone-block div.text-container {
  font: 1.9em 'NunitoSans-Regular', sans-serif;
  position: relative;
  background-color: #0FAAC6;
  color: white;
}
@media only screen and (max-width: 600px) {
  div.milestone-block div.text-container {
    font-size: 2.4em;
  }
}
div.milestone-block div.text-container.milestone {
  background-color: #CB3670;
}
div.milestone-block div.text-container.white {
  background-color: white;
  color: black;
}
div.milestone-block div.text-container.white p.milestone-block-text {
  padding: 0;
  padding-bottom: 1.5em;
}
div.milestone-block div.text-container p.milestone-block-text {
  line-height: 1.33333333333em;
  margin: 0;
  padding: 1.5em;
}
div.milestone-block div.text-container p.milestone-block-text span.milestone-block-credit {
  display: block;
  text-align: right;
  font-size: .5em;
  margin: -2em 0 2em 0;
}
div.milestone-block div.text-container p.milestone-block-text span.milestone-block-header {
  font-family: 'NunitoSans-Bold', sans-serif;
  color: #0FAAC6;
}
div.milestone-block div.text-container p.milestone-block-text span.milestone-block-header.milestone {
  color: #CB3670;
}
div.milestone-block div.text-container p.milestone-block-text span.milestone-block-header::after {
  content: " ";
}
div.milestone-block div.text-container img.milestone-block-next {
  margin: 1.25em;
  float: right;
  width: 3em;
  cursor: pointer;
}
div.milestone-block div.text-container:after {
  content: "";
  display: table;
  clear: both;
}
section#footer-section {
  background-color: #0FAAC6;
}
section#footer-section #footer-container {
  width: 74.715447154%;
  max-width: 195em;
  margin: auto;
  padding: 3.5em 0 7em 0;
}
section#footer-section #footer-container p.footer-text {
  font: 2.4em 'NunitoSans-Regular', sans-serif;
  line-height: 1.2em;
  text-align: justify;
}
section#footer-section #footer-container p.footer-text.white {
  color: white;
}
section#footer-section #footer-container p.footer-text.purple {
  color: #291757;
}
section#footer-section #footer-container p.footer-text.smaller {
  font: 1.8em 'NunitoSans-Regular', sans-serif;
}
section#footer-section #footer-container img {
  width: 100%;
  display: block;
}
section#footer-section #footer-container a.button.pink {
  margin-left: .71428571428em;
  float: right;
  background: #d53570;
  color: #fff;
  -webkit-box-shadow: 0.14285714em 0.14285714em 0 0 rgba(213, 53, 112, 0.5);
  box-shadow: 0.14285714em 0.14285714em 0 0 rgba(213, 53, 112, 0.5);
  display: inline-block;
  vertical-align: top;
  border: none;
  padding: .28571428571em .4em;
  font: 1.45833333em 'NunitoSans-Bold', sans-serif;
  font-weight: 900;
  transition: transform 0.2s ease, box-shadow 0.2s ease, -webkit-transform 0.2s ease, -webkit-box-shadow 0.2s ease;
  border-radius: 0;
  text-decoration: none;
  overflow: visible;
}
section#footer-section #footer-container a.button.pink:hover {
  transform: translate(0.14285714em, 0.14285714em);
  -webkit-box-shadow: 0 0 0 0 rgba(213, 53, 112, 0.5);
  box-shadow: 0 0 0 0 rgba(213, 53, 112, 0.5);
}
@font-face {
  font-family: 'NunitoSans-Bold';
  src: url('../fonts/nunitosansbold.eot');
  src: url('../fonts/nunitosansbold.eot?#iefix') format('embedded-opentype'), url('../fonts/nunitosansbold.svg#nunitosansbold') format('svg'), url('../fonts/nunitosansbold.ttf') format('truetype'), url('../fonts/nunitosansbold.woff') format('woff'), url('../fonts/nunitosansbold.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'NunitoSans-ExtraBold';
  src: url('../fonts/nunitosansextrabold.eot');
  src: url('../fonts/nunitosansextrabold.eot?#iefix') format('embedded-opentype'), url('../fonts/nunitosansextrabold.svg#nunitosansextrabold') format('svg'), url('../fonts/nunitosansextrabold.ttf') format('truetype'), url('../fonts/nunitosansextrabold.woff') format('woff'), url('../fonts/nunitosansextrabold.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'NunitoSans-Regular';
  src: url('../fonts/nunitosansregular.eot');
  src: url('../fonts/nunitosansregular.eot?#iefix') format('embedded-opentype'), url('../fonts/nunitosansregular.svg#nunitosansregular') format('svg'), url('../fonts/nunitosansregular.ttf') format('truetype'), url('../fonts/nunitosansregular.woff') format('woff'), url('../fonts/nunitosansregular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'NunitoSans-Black';
  src: url('../fonts/nunitosansblack.eot');
  src: url('../fonts/nunitosansblack.eot?#iefix') format('embedded-opentype'), url('../fonts/nunitosansblack.svg#nunitosansblack') format('svg'), url('../fonts/nunitosansblack.ttf') format('truetype'), url('../fonts/nunitosansblack.woff') format('woff'), url('../fonts/nunitosansblack.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
}