.header {
  margin-bottom: 240px;
  width: 1300px;
}

.header .square {
  left: 230px;
}

.header .text {
  left: 300px;
  transform: translate3d(0, -50%, 0);
}

.intro {
  margin-bottom: 280px;
  padding-left: 230px;
  width: 1300px;
}

.intro h3 {
  max-width: 800px;
}

h2 {
  display: inline-block;
  width: 200px;
}

.overview,
.aboutme,
.timeline {
  width: 1300px;
}

.overview .progress,
.overview .map {
  display: flex;
}

.progress .title,
.overview .title {
  flex: 0 0 200px;
  padding-right: 20px;
}

.progress .text,
.overview .text {
  flex: 0 0 40%;
  padding: 40px 30px 0 30px;
}

.aboutme p {
  max-width: 690px;
  padding-left: 230px;
}

.timeline-item {
  display: flex;
  margin-bottom: 120px;
}

.timeline-date {
  display: block;
  flex: 0 0 200px;
  padding-right: 30px;
  position: relative;
}

.timeline-date h3 {
  position: sticky;
  top: 30px;
}

.timeline-event {
  flex: 0 0 40%;
  padding: 40px 30px 0 30px;
  margin-bottom: 0;
  max-width: 600px;
}

.timeline-detail {
  display: block;
  flex: 1 1 auto;
  padding: 40px 30px 0 30px;
  max-width: 600px;
}

.timeline-details,
.timeline-chart {
  padding: 0;
}

.notes {
  width: 1300px;
}

.page-footer .footer--wrapper {
  width: 1340px;
}

.page-footer .col:first-child {
  flex: 0 0 33.33%;
}

.page-footer .col:last-child {
  flex: 0 0 66.66%;
}


/* Heatmaps */

.drugs,
.heatmaps {
  margin-left: auto;
  margin-right: auto;
  padding-left: 210px;
  width: 1300px;
}

.drugs .drugs-position,
.heatmaps .heatmap-position {
  margin-left: 0 !important;
}

/*
.heatmaps .heatmap-position {
  padding-left: 200px;
}

.heatmaps .kpis {
  text-align: right;
  width: 160px;
}

.heatmaps .heatmaps-days {
  text-align: right;
  width: 160px;
}

.kpi-heatmap-cell {
  flex: 0 0 40px;
  max-width: 40px;
}

.kpi-heatmap-cell-inner {
  width: 38px;
}

.kpi-days .kpi-heatmap-cell {
  flex: 0 0 40px;
  max-width: 40px;
}
*/