* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.grid {
  width: "100%";
  margin: "0"; }
  .grid:after {
    content: "";
    display: table;
    clear: both; }

.cell {
  float: left;
  padding-right: 20px; }
  .grid .cell:last-of-type {
    padding-right: 0; }
  @media (max-width: 720px) {
    .cell.w-1 {
      width: 100%;
      padding-right: 0; } }
  @media (min-width: 720px) {
    .cell.w-1 {
      width: 8.33333%; } }
  @media (max-width: 720px) {
    .cell.w-2 {
      width: 100%;
      padding-right: 0; } }
  @media (min-width: 720px) {
    .cell.w-2 {
      width: 16.66667%; } }
  @media (max-width: 720px) {
    .cell.w-3 {
      width: 100%;
      padding-right: 0; } }
  @media (min-width: 720px) {
    .cell.w-3 {
      width: 25%; } }
  @media (max-width: 720px) {
    .cell.w-4 {
      width: 100%;
      padding-right: 0; } }
  @media (min-width: 720px) {
    .cell.w-4 {
      width: 33.33333%; } }
  @media (max-width: 720px) {
    .cell.w-5 {
      width: 100%;
      padding-right: 0; } }
  @media (min-width: 720px) {
    .cell.w-5 {
      width: 41.66667%; } }
  @media (max-width: 720px) {
    .cell.w-6 {
      width: 100%;
      padding-right: 0; } }
  @media (min-width: 720px) {
    .cell.w-6 {
      width: 50%; } }
  @media (max-width: 720px) {
    .cell.w-7 {
      width: 100%;
      padding-right: 0; } }
  @media (min-width: 720px) {
    .cell.w-7 {
      width: 58.33333%; } }
  @media (max-width: 720px) {
    .cell.w-8 {
      width: 100%;
      padding-right: 0; } }
  @media (min-width: 720px) {
    .cell.w-8 {
      width: 66.66667%; } }
  @media (max-width: 720px) {
    .cell.w-9 {
      width: 100%;
      padding-right: 0; } }
  @media (min-width: 720px) {
    .cell.w-9 {
      width: 75%; } }
  @media (max-width: 720px) {
    .cell.w-10 {
      width: 100%;
      padding-right: 0; } }
  @media (min-width: 720px) {
    .cell.w-10 {
      width: 83.33333%; } }
  @media (max-width: 720px) {
    .cell.w-11 {
      width: 100%;
      padding-right: 0; } }
  @media (min-width: 720px) {
    .cell.w-11 {
      width: 91.66667%; } }
  @media (max-width: 720px) {
    .cell.w-12 {
      width: 100%;
      padding-right: 0; } }
  @media (min-width: 720px) {
    .cell.w-12 {
      width: 100%; } }

.grid.padded {
  padding: 20px; }

#timeline-embed-container {
  width: 100;
  height: 500px; }

.timeline-header {
  margin-top: 15px;
  padding-bottom: 5px;
  margin-bottom: 10px;
  overflow: hidden; }

.frontpage #timeline-1 {
  margin-top: -15px; }
#timeline-1 .timeline-header h1 {
  font-size: 36px;
  font-style: italic; }
#timeline-1 .timeline-header p {
  margin-left: 115px;
  margin-right: 85px;
  margin-bottom: 1em;
  overflow: hidden; }

#wrapper .vco-timeline .vco-navigation .timenav-background .timenav-line {
  background-color: #767676; }
#wrapper .vco-timeline .vco-navigation .timenav .content .marker .dot {
  background-color: #767676; }
#wrapper .vco-timeline .vco-navigation .timenav .content .marker.active .line, #wrapper .vco-timeline .vco-navigation .timenav .content .marker.active .dot {
  background-color: #767676; }
#wrapper .vco-timeline .vco-navigation .timenav .content .marker.active .flag .flag-content h3, #wrapper .vco-timeline .vco-navigation .timenav .content .marker.active .flag-small .flag-content h3 {
  color: #008991; }
#wrapper .vco-storyjs a {
  color: #008991; }
#wrapper .vco-storyjs h1 a, #wrapper .vco-storyjs h2 a, #wrapper .vco-storyjs h3 a, #wrapper .vco-storyjs h4 a, #wrapper .vco-storyjs h5 a, #wrapper .vco-storyjs h6 a {
  color: #222222; }