#header {
  background-color: #063d5a;
  padding-top: 24px;
  padding-bottom: 24px;
  width: 100%;
}

.white h1, .white h2, .white h3, .white h4, .white h5, .white h6 {
  color: #fff;
}

.nav-anchor {
  color: #0a3e59 !important;
  text-decoration: none !important;
}


@media (min-width: 992px) {

  #header-container {
    position: fixed;
    z-index: 1030;
    padding: 0;
    width: 100%;
  }
}

body {
  font-size: 14px;
  font-family: century-gothic, sans-serif;
  font-weight: 400;
  font-style: normal;
  overflow: unset !important;
}

@media (max-width: 991px) {
  h1 { margin-left: 0; }
}

@media (min-width: 1200px) {
  body { font-size: 15px; }
}

@media (min-width: 1400px) {
  body { font-size: 18px; }
}

@media (min-width: 1400px) and (max-height: 840px) {
  body { font-size: 15px; }
}

h1, b, strong {
  font-family: century-gothic, sans-serif;
  font-weight: 700;
  font-style: normal;
}

h1 {
  font-size: 5em;
  line-height: 1.1em;
}

h2 {
  font-family: century-gothic, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 3em;
}

h2 sup {
  font-size: 24px;
  top: -1em;
  left: 0.1em;
}

h3 {
  font-size: 1em;
  line-height: 1em;
}

h4 {
  font-size: 1em;
  line-height: 1em;
}

p {
  font-size: 1.2em;
  line-height: 1.8em;
}

blockquote {
  font-size: 1.2em;
  line-height: 1.8em;
  font-weight: 700;
  font-style: italic;
}

blockquote footer {
  font-weight: 400;
  margin-top: 0.5em;
}

u, .bg-beige u, .bg-dark-blue .bg-beige u {
  font-weight: bold;
  text-decoration: none;
  border-bottom: 4px solid #02abe8;
}

.bg-dark-blue u {
  border-bottom: 4px solid #ffd778;
}

.screen {
  height: 100vh;
  display: flex;
  align-items: center;
}

.v-center {
  display: flex;
  align-items: center;
}

.no-select {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.narrow {
  letter-spacing: -0.025em;
}

.block {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  margin: 0 0.5em;
  vertical-align: middle;
}

.footnote {
  position: absolute;
  bottom: 0.5em;
  right: -2.5em;
  font-size: 1em;
}

.yellow {
  color: #ffd778;
}

.yellow a {
  color: #ffd778 !important;
}

.yellow a:hover {
  color: #02abe8 !important;
}

.bg-yellow {
  background-color: #ffd778;
}

.bg-red {
  background-color: #ee7070;
}

.bg-green {
  background-color: #90db89;
}

.bg-beige {
  background-color: #fff7e3;
}

.bg-teal {
  background-color: #00aaa8;
}

.bg-soft-blue {
  background-color: #00aeef;
}

.bg-softer-blue {
  background-color: #9de4ff;
}

.bg-light-blue {
  background-color: #66cae9;
}

.bg-lighter-blue {
  background-color: #99dae8;
}

.bg-gradient {
  background-image: linear-gradient(250deg, #00AAA8 0%, #00AEEF 98%);
}

.dark-blue-top-grad {
  min-height: 60px;
  background-image: linear-gradient(180deg, rgba(1,70,101,0) 0%, #014665 77%);
}

.dark-blue-bottom-grad {
  min-height: 60px;
  background-image: linear-gradient(180deg, #014665 23%, rgba(1,70,101,0) 100%);
}

.cta-link {
  border-radius: 2em;
  padding: 0.5em 1.5em;
  font-weight: bold;
}

.cta-link:hover {
  color: #02abe8;
}

.back-button {
  position: fixed;
  bottom: 1em;
  right: 1em;
  background: url('/img/annualreports/2019/arrow-up-blue.svg') no-repeat center center transparent;
  background-size: contain;
  width: 2em;
  height: 2em;
}

.btn-tooltip {
  width: 1em !important;
  height: 0;
  background: url('/img/annualreports/2019/tooltip-blue.svg') no-repeat center center transparent;
  background-size: 100%;
  padding-bottom: 1em !important;
}

.tooltip {
  opacity: 1 !important;
}

.tooltip, .tooltip .tooltip-inner {
  border-radius: 0.8em;
  padding: 0.6em 1em;
  max-width: 242px;
  text-align: left;
  color: #0a3e59 !important;
}

.video-link {
  position: relative;
  display: inline-block;
  border: 3px solid #ffd778;
}

.video-link:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: ' ';
  background: url('/img/annualreports/2019/play-yellow.svg') no-repeat center center transparent;
}

.video-link:hover {
  border: 3px solid #02abe8;
}

.video-link:hover:after {
  background: url('/img/annualreports/2019/play-blue.svg') no-repeat center center transparent;
}

@media (min-width: 992px) {
  .btn-tooltip {
    width: 36px !important;
    padding-bottom: 36px !important;
  }
}

/** Scroll Magic **/

@media (max-width: 991px) {
  .scrollmagic-pin-spacer {
    position: unset !important;
    padding: 0 !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
  }
}

/** Graphs and Bubbles **/

.graph-bar {
  height: 74px;
}

.graphs-mobile {
  z-index: 0;
}

.graphs-mobile .graph-bar {
  width: 42px;
}

.graphs-mobile .graph-bar > div {
  transform: rotate(-90deg);
  font-weight: bold;
  font-size: 1.2em;
  position: absolute;
  top: 50%;
  line-height: 42px;
  height: 42px;
  width: 42px;
  margin-top: -21px;
}

.graphs .graph-bar-layer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.graphs .number {
  font-size: 3.2em;
  line-height: 64px;
  padding-left: 12px;
}

.graphs-key {
  margin-left: 2em;
}

.graphs-key p {
  margin-bottom: 0.65em;
  font-weight: bold;
}

.graphs-bubble {
  background: url('/img/annualreports/2019/bubble.svg') no-repeat center center transparent;
  background-size: contain;
  width: 33%;
  height: 0;
  padding-bottom: 33%;
  position: absolute;
  bottom: calc(100% - 37px);
  right: -6%; /* @TODO responsive w/ title width */
}

.graphs-bubble-content {
  position: absolute;
  top: 10%;
  left: 10%;
  width: 80%;
  height: 80%;
}

.graphs-bubble-chart {
  position: relative;
  left: -15%;
  width: 156px; /* @TODO responsive */
  height: 156px;
  border-radius: 50%;
  margin-bottom: 1em;
}

.graphs-bubble-chart-slice-container {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  clip: rect(0, 156px, 156px, 78px);
}

.graphs-bubble-chart-slice {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  clip: rect(0, 78px, 156px, 0);
}

.graphs-bubble-chart .number {
  position: absolute;
  left: 100%;
  top: 50%;
  line-height: 2em;
  margin-top: -1em;
  width: 80%;
  font-weight: 700;
  font-size: 2em;
  font-style: italic;
}

.graphs .detail-line {
  width: 100%;
  height: 6px;
  line-height: 6px;
  font-weight: 700;
  font-style: italic;
  margin: 28px auto;
  white-space: nowrap;
}

.graphs .detail-line span {
  display: inline-block;
  padding: 0 14px;
  font-size: 1.2em;
}

.graphs .graph-bar .label, .graphs-mobile .graph-bar .label {
  font-size: 1.8em;
  font-weight: bold;
  line-height: 74px;
  padding: 0 0.7em;
}

.graphs .graph-bar .value {
  position: absolute;
  top: -100%;
  left: 0;
  width: 100%;
  font-size: 3.2em;
  line-height: 1.1em;
}

.graphs .graph-bar span {
  line-height: 74px;
}

.text-bubble {
  position: relative;
  border-radius: 2em;
  padding: 1em 2em;
  margin: 0 auto 18px;
  max-width: 1020px;
}

.text-bubble-arrow {
  position: absolute;
  top: calc(100% - 1px);
  left: 31.4%;
  background: url('/img/annualreports/2019/bubble-arrow.svg') no-repeat center top transparent;
  background-size: contain;
  width: 74px;
  height: 36px;
}

@media (min-width: 1200px) {
  .text-bubble-arrow { left: 34%; }
}

/** Carousel **/

.carousel-slide, .carousel-slide .container {
  display: flex;
  align-items: center;
  min-height: 100vh;
}

@media (max-width: 991px) {
  .carousel {
    width: 100% !important;
    transform: translate(0px, 0px) !important;
  }
  .carousel .carousel-slide {
    width: 100% !important;
  }
}

@media (min-width: 992px) {
  .carousel {
    height: 100vh;
    overflow: hidden;
  }
  .carousel-slide {
    float: left;
    height: 100%;
  }
  .carousel-slide .container {
    height: 100%;
  }
  .carousel-slide-container {
    position: relative;
    width: 100%;
    min-height: 472px;
    max-height: 100%;
    padding: 100px 2em 0;
  }
}

@media (min-width: 1200px) {
  .carousel-slide-container {
    min-height: 564px;
  }
}

@media (min-width: 1400px) {
  .carousel-slide-container {
    min-height: 665px;
  }
}

/** Header **/

#header {
  padding-top: 20px;
  padding-bottom: 20px;
  z-index: 1000;
}

#header .navbar-brand, #footer .edreports-home {
  display: inline-block;
  width: 228px;
  height: 60px;
  background: url("/img/annualreports/2019/edreports-logo-dark-blue.svg") no-repeat center center transparent;
  background-size: contain;
}

#footer .edreports-home span {
  opacity: 0;
  font-size: 0;
  visibility: hidden;
  color: transparent;
}

#header-navbar .nav-item, #header-navbar .dropdown {
  margin-left: 1em;
  margin-bottom: 1em;
}

#header-navbar .nav-item:first-child {
  margin-left: 0;
}

#header-navbar .nav-item:after {
  content: none !important;
}

#header-navbar .nav-link {
  font-size: 18px !important;
  font-weight: 400;
  color: #084565;
}

#header-navbar .nav-link.active {
  font-weight: 700;
}

#header-navbar .nav-link img {
  height: 1em;
  padding-right: 0.25em;
}

#header-navbar .dropdown-menu {
  text-align: right;
  text-transform: uppercase;
}

#header-navbar .nav-item.dropdown .dropdown-menu:before {
  background-color: #fff !important;
}

#header-navbar .dropdown .dropdown-item {
  color: #084565;
  background: transparent !important;
  position: relative;
  z-index: 100;
  text-transform: none;
  padding-left: 6px;
}

#header-navbar .dropdown .dropdown-item {
  font-weight: 400 !important;
}

#header-navbar .dropdown .dropdown-item.active {
  font-weight: 700 !important;
}

@media (max-width: 991px) {
  #header {
    position: fixed;
    width: 100%;
    z-index: 1000;
  }
}

@media (min-width: 992px) {
  #header { position: fixed; top: 0; }
  #header-navbar .nav-item, #header-navbar .dropdown { margin-bottom: 0; }
  #header-navbar .nav-item span { display: none; }
  #header-navbar .dropdown-menu { text-align: left; text-transform: none; }
  #header-navbar .dropdown-item { text-transform: uppercase; }
  #header-navbar .nav-link img { padding-right: 0; height: auto; }
}

@media (min-width: 1200px) {
  #header-navbar .nav-item, #header-navbar .dropdown {
    margin-left: 2em;
  }
}

/** Marquee **/

#marquee {
  background: url("/img/annualreports/2019/marquee.jpg") no-repeat center bottom transparent;
  background-size: 108%;
}

#marquee .title {
  margin: 0 auto;
  padding: 6% 0 50%;
}

#marquee h2 {
  font-size: 3.2em;
  margin-bottom: 0.5em;
}

#marquee h3 {
  font-size: 1.2em;
  max-width: 396px;
  margin: 0 auto;
  line-height: 1.35em;
}

@media (max-width: 991px) {
  #marquee { padding-top: 100px; }
}
@media (min-width: 992px) {
  #marquee {
    margin-top: 100px;
    background: url("/img/annualreports/2019/marquee.jpg") no-repeat center center transparent;
    background-size: auto 100%;
    min-height: 580px;
  }
  #marquee .title {
    position: absolute;
    top: 0;
    left: 50%;
    width: 480px;
    margin: 0 0 0 -240px;
  }
}
@media (min-width: 1200px) {
  #marquee { min-height: 680px; }
}
@media (min-width: 1400px) {}

/** Eric's Letter **/

#letter {
  background-image: linear-gradient(250deg, #00aeef 0%, #00aaa8 98%);
  padding: 1.5em 2em 0;
}

#letter .title h2 {
  font-size: 3.2em;
  margin-bottom: 0;
}

#letter-container {
  margin-top: 1em;
}

#eric-container {
  padding: 34px 34px 16px;
}

#erics-letter {
  padding: 34px 34px 50px;
}

#eric img {
  margin: 0 auto 1.2em;
}

#eric p {
  font-size: 1.1em;
  line-height: 1.4em;
  margin-bottom: 0;
}

#erics-trigger {
  position: absolute;
  top: 0;
  width: 100%;
  height: 1px;
}

@media (min-width: 576px) { }

@media (min-width: 768px) { }

@media (min-width: 992px) {
  #eric-container { padding: 68px 34px 68px 68px; }
  #eric img { margin: 0 auto 1.6em; }
  #eric p { font-size: 1.3em; }
  #erics-letter { padding: 68px 68px 68px 34px; }
}

@media (min-width: 1200px) {
  #letter-container {
    max-width: 1024px;
  }
}

@media (min-width: 1400px) {
  #letter-container {
    max-width: 1200px;
  }
}

/** Impact **/

#impact-data h1 {
  font-size: 4em;
}

#impact-data .footnote {
  left: 1em;
  right: auto;
}

#impact-data h2 sup {
  font-size: 0.25em;
  top: -2.25em;
  left: 0.1em;
}

#impact-data .container.rhombus {
  background: url('/img/annualreports/2019/rhombus-mobile.svg') no-repeat left bottom transparent;
  background-size: contain;
}

#impact-data .case-study {
  margin-top: 4em;
  padding: 1em;
}

#impact-data .case-study img {
  margin: 0 2em 1.5em 0;
  max-width: 140px;
}

#impact-reviews h2, #impact-subjects h2, #impact-visitors h2 {
  margin: 1.2em auto;
}

#impact-visitors h2 {
  margin: 1.2em auto 0.5em;
}

#impact-visitors p:last-child {
  margin-bottom: 2em;
}

#reviews-upper-row, #visitors-upper-row {
  position: relative;
  top: 0;
  height: 64px;
}

#impact-reviews .row > div, #impact-visitors .row > div {
  padding: 0;
}

#impact-math-reviews, #impact-ela-reviews, #impact-science-reviews {
  float: left;
}

#reviews-bar-first {
  width: 45%;
}

#reviews-bar-second {
  width: 35%;
}

#reviews-bar-third {
  width: 20%;
}

#impact-reviews .footnote {
  position: absolute;
  bottom: 1em;
  left: 1em;
}

#impact-math-reviews .number, #impact-ela-reviews .number, #impact-science-reviews .number {
  margin-bottom: 12px;
}

#impact-math-reviews .graph-bar, #impact-ela-reviews .graph-bar, #impact-science-reviews .graph-bar {
  font-size: 1.8em;
  font-weight: bold;
  line-height: 74px;
  padding: 0 0.7em;
}

#impact-districts .content-container {
  margin: 0 auto;
  max-width: 920px;
}

#impact-districts p {
  font-weight: bold;
  font-size: 2em;
  margin-bottom: 0;
}

#impact-districts p.number {
  font-size: 4em;
  font-style: italic;
  line-height: 0.8em;
}

#impact-districts-reps {
  font-weight: bold;
  text-align: center;
  margin: -1em auto 1em;
  font-size: 1.25em;
}

#impact-districts-reps-container {
  position: relative;
  width: 100%;
  top: -18%;
  transform: rotate(-5deg);
  z-index: 10;
}

#impact-districts-reps-arrow {
  position: absolute;
  bottom: -1px;
  height: 2px;
  width: 320%;
  margin-left: -110%;
}

#impact-districts-reps-arrow:before {
  content: ' ';
  display: block;
  width: 14px;
  height: 14px;
  position: absolute;
  left: -7px;
  top: -6px;
  background: url('/img/annualreports/2019/arrow-line-start.svg');
}

#impact-districts-reps-arrow:after {
  content: ' ';
  display: block;
  width: 14px;
  height: 14px;
  position: absolute;
  right: -7px;
  top: -6px;
  background: url('/img/annualreports/2019/arrow-line-end.svg');
}

#impact-districts-documented, #impact-districts-students {
  margin: 0 auto;
  width: 100%;
  max-width: 420px;
}

#impact-districts-documented {
  padding-top: 22%;
}

#impact-districts-documented:before {
  padding-bottom: 58%;
}

#impact-districts-students {
  padding-top: 12%;
}

#impact-districts-students:before {
  padding-bottom: 74%;
}

#impact-districts-documented:before, #impact-districts-students:before {
  content: ' ';
  float: left;
}

#impact-districts-documented:after, #impact-districts-students:after {
  content: ' ';
  display: block;
  clear: both;
}

#impact-districts-documented {
  background: url('/img/annualreports/2019/mapCircle.jpg') no-repeat center top transparent;
  background-size: contain;
}

#impact-districts-students {
  background: url('/img/annualreports/2019/studentCircle.jpg') no-repeat center top transparent;
  background-size: contain;
}

#impact-chicago h2, #impact-baltimore h2, #impact-massachusetts h2, #impact-fife h2, #impact-wisconsin h2 {
  margin-bottom: 0.2em;
}

#impact-chicago blockquote, #impact-massachusetts blockquote {
  position: absolute;
  top: 0;
}

#impact-massachusetts .copy-container {
  margin-top: 2em;
  max-width: 920px;
}

#impact-largest h2, #impact-publishers h2 {
  max-width: 1040px;
  margin: 1em auto 0.2em;
}

#impact-largest .number, #impact-publishers .number {
  font-style: italic;
  font-size: 8em;
  font-weight: bold;
}

#impact-baltimore blockquote {
  position: absolute;
  top: 0;
}

#impact-school-leaders .title, #impact-district-leaders .title {
  max-width: 720px;
  margin: 1em auto;
}

@media (max-height: 840px) and (min-width: 1200px) {
  #impact-school-leaders .title, #impact-district-leaders .title { margin: 0.25em auto; }
}

#impact-school-leaders-container, #impact-district-leaders-container {
  left: 20%;
}

#impact-school-leaders-image-bg, #impact-district-leaders-image-bg {
  position: absolute;
  top: 40px;
  width: 348px;
  height: 348px;
  border-radius: 50%;
}

#impact-school-leaders-chart-bg, #impact-school-leaders-40-container,
#impact-district-leaders-chart-bg, #impact-district-leaders-78-container,
#impact-district-leaders-78-cover-container-right, #impact-district-leaders-78-cover-container-left {
  position: absolute;
  top: 0;
  left: 0;
  width: 348px;
  height: 348px;
}

#impact-school-leaders-chart-bg, #impact-district-leaders-chart-bg {
  border-radius: 50%;
}

#impact-school-leaders-chart-bg, #impact-school-leaders-40-container {
  left: 234px;
}

#impact-district-leaders-chart-bg,
#impact-district-leaders-78-container {
  top: 50px;
  left: 266px;
}

#impact-school-leaders-image, #impact-district-leaders-image {
  position: relative;
  width: 348px;
}

#impact-district-leaders-image {
  top: 32px;
}

#impact-school-leaders-chart, #impact-district-leaders-chart {
  position: absolute;
  top: 0;
  left: 0;
}

#impact-school-leaders-40-container,
#impact-district-leaders-78-container-right, #impact-district-leaders-78-cover-container-right,
#impact-district-leaders-78-cover-right {
  clip: rect(0, 348px, 348px, 174px);
}

#impact-district-leaders-78-container-left, #impact-district-leaders-78-cover-container-left,
#impact-district-leaders-78-cover-left {
  clip: rect(0, 174px, 348px, 0);
}

#impact-school-leaders-40,
#impact-district-leaders-78-right, #impact-district-leaders-78-left,
#impact-district-leaders-78-cover-left, #impact-district-leaders-78-cover-right {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
}

#impact-school-leaders-40, #impact-district-leaders-78-right {
  background-image: linear-gradient(250deg, #00AAA8 0%, #00AEEF 98%);
}

#impact-school-leaders-40 {
  clip: rect(0, 174px, 348px, 0);
  transform: rotate(144deg);
}

#impact-district-leaders-78-right, #impact-district-leaders-78-left {
  clip: rect(0, 348px, 348px, 174px);
}

#impact-district-leaders-78-left {
  transform: rotate(100.8deg);
  background-image: linear-gradient(149.2deg, #00AAA8 0%, #00AEEF 98%);
}

#impact-school-leaders-40-text, #impact-district-leaders-78-text, #impact-district-leaders-58-text {
  display: block;
  position: absolute;
  font-weight: bold;
  font-style: italic;
}

#impact-school-leaders-40-text {
  font-size: 3.5em;
}

#impact-district-leaders-78 {
  width: 100%;
  height: 100%;
}

#impact-school-leaders-40-text {
  width: 50%;
  height: 80%;
  left: 49%;
  top: 29%;
}

#impact-district-leaders-78-text {
  font-size: 3.4em;
}

#impact-district-leaders-78-text {
  top: 56%;
  left: 2%;
  width: 100%;
}

#impact-school-leaders-40-cover {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  clip: rect(0, 348px, 348px, 174px);
  transform: rotate(0deg);
}

#impact-school-leaders-27-container {
  position: absolute;
  top: -28px;
  left: 236px;
  width: 388px;
  height: 388px;
  clip: rect(0, 588px, 194px, 194px);
}

#impact-district-leaders-58-container-right, #impact-district-leaders-58-container-left {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#impact-school-leaders-27 {
  position: absolute;
  top: 20px;
  left: 20px;
  width: 348px;
  height: 348px;
  border-radius: 50%;
  clip: rect(174px, 348px, 348px, 0);
}

#impact-school-leaders-27-border {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 6px solid #02abe8;
  clip: rect(194px, 388px, 388px, 194px);
}

#impact-school-leaders-27-text {
  display: block;
  position: absolute;
  font-size: 2.4em;
  font-weight: bold;
  font-style: italic;
  width: 90px;
  text-align: right;
}

#impact-school-leaders-27-text {
  left: 100%;
  top: 24%;
}

#impact-district-leaders-58-container {
  position: absolute;
  top: 27px;
  left: 284px;
  width: 420px;
  height: 420px;
}

#impact-district-leaders-58 {
  width: 100%;
  height: 100%;
}

#impact-district-leaders-58-container-right, #impact-district-leaders-58-container-left {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#impact-district-leaders-58-container-right {
  clip: rect(0, 420px, 420px, 210px);
}

#impact-district-leaders-58-container-left {
  clip: rect(0, 210px, 420px, 0);
}

#impact-district-leaders-58-right, #impact-district-leaders-58-left {
  position: absolute;
  top: 20px;
  left: 20px;
  width: 380px;
  height: 380px;
  border-radius: 50%;
}

#impact-district-leaders-58-right {
  clip: rect(0, 190px, 380px, 0);
}

#impact-district-leaders-58-left {
  clip: rect(0, 380px, 380px, 190px);
}

#impact-district-leaders-58-border-right, #impact-district-leaders-58-border-left {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 6px solid #02abe8;
}

#impact-district-leaders-58-border-right {
  clip: rect(0, 210px, 420px, 0);
}

#impact-district-leaders-58-border-left {
  clip: rect(0, 420px, 420px, 210px);
}

#impact-district-leaders-58-text {
  font-size: 3.8em;
  left: 104%;
  top: 52%;
}

#impact-school-leaders-copy, #impact-district-leaders-copy {
  position: absolute;
  top: 4%;
  right: 0;
  font-size: 1.5em;
  text-align: center;
  line-height: 1.75em;
  max-width: 35%;
}

#impact-partners-nationally {
  margin-top: 1em;
}

#impact-partners-nationally img {
  max-height: 480px;
}

#impact-partners .number {
  position: absolute;
  top: 30%;
  font-size: 5em;
  font-weight: 700;
  font-style: italic;
  width: 200px;
  margin-left: -100px;
  left: 50%;
}

@media (max-height: 840px) {
  #impact-partners-nationally img {
    max-height: 360px;
  }
  #impact-partners-nationally {
    font-size: 0.9em;
  }
}

@media (max-height: 920px) {
  #impact-school-leaders-container {
    transform: scale(0.85) translate(-15%, -5%)  ;
  }
  #impact-district-leaders-container {
    top: -35px;
    transform: scale(0.85) translate(-12%);
  }
}

@media (max-width: 767px) {
  #impact-districts-documented {
    padding-top: 32%;
  }

  #impact-districts-documented:before {
    padding-bottom: 68%;
  }

  #impact-districts-students {
    padding-top: 22%;
  }

  #impact-districts-students:before {
    padding-bottom: 78%;
  }
}

@media (max-width: 991px) {
  #impact-chicago .copy p:first-child {
    padding-right: 24%;
    background: url('/img/annualreports/2019/Chicago-mobile.jpg') no-repeat right center transparent;
    background-size: contain;
  }
  #impact-landing h1 {
    text-align: center;
    margin: 0 auto;
  }
  #impact-data h1 {
    font-size: 3em;
  }
  #impact-data h2 {
    font-weight: bold;
    font-size: 2em;
    line-height: 1.35em;
  }
  #impact-landing .carousel-slide-container {
    width: 100%;
    padding-bottom: 8em;
  }
  #reviews-upper-label, #reviews-upper-number {
    width: 100% !important;
    opacity: 1 !important;
  }
  #impact-reviews .container, #impact-subjects .container, #impact-visitors .container {
    align-items: start;
    padding-top: 32px;
    min-height: 100vh;
  }
  #impact-reviews-content, #impact-subjects-content, #impact-visitors-content {
    padding-right: 100px;
    max-width: 380px;
  }
  #reviews-subjects-graph {
    height: 50vh !important;
  }
  #impact-reviews .graphs-key, #impact-subjects .graphs-key, #impact-visitors .graphs-key {
    margin: 4em 0;
  }
  #impact-reviews .graphs-mobile, #impact-subjects .graphs-mobile, #impact-visitors .graphs-mobile {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100vh;
    padding: 34px;
  }
  #impact-reviews .layer, #impact-subjects .layer, #impact-visitors .layer {
    width: 100%;
    height: 100%;
  }
  #mobile-reviews-total {
    position: absolute;
    bottom: 0;
    right: 0;
    height: 100%;
  }
  #mobile-reviews-2019 {
    position: absolute;
    bottom: 0;
    right: 42px;
    height: 26.28%;
  }
  #mobile-subjects-label {
    position: absolute;
    bottom: 0;
    right: 42px;
    height: 100%;
  }
  #mobile-subjects-label-text {
    white-space: nowrap;
    width: 200px;
    transform-origin: left top;
    position: relative;
    z-index: 10;
    margin-top: 100px;
  }
  #mobile-subjects-label .detail-line {
    width: 6px;
    height: 100%;
    margin: 0 18px;
    transform: none;
    position: absolute;
    top: 0;
    left: 0;
  }
  #mobile-subjects-bar {
    height: 100%;
    position: absolute;
    bottom: 0;
    right: 0;
  }
  #mobile-subjects-math {
    position: relative;
    height: 47.45%
  }
  #mobile-subjects-ela {
    position: relative;
    height: 38.85%;
  }
  #mobile-subjects-science {
    position: relative;
    height: 13.7%;
  }
  #impact-districts {
    padding: 34px 0;
  }
  #impact-chicago .container.rhombus, #impact-baltimore .container.rhombus,
  #impact-school-leaders .container.rhombus, #impact-district-leaders .container.rhombus,
  #impact-fife .container.rhombus, #impact-partners .container.rhombus,
  #impact-massachusetts .container.rhombus, #impact-wisconsin .container.rhombus {
    background: none;
  }
  #impact-chicago .carousel-slide-container, #impact-baltimore .carousel-slide-container,
  #impact-massachusetts .carousel-slide-container, #impact-fife .carousel-slide-container {
    padding: 3em 0;
  }
  #impact-chicago blockquote, #impact-baltimore blockquote, #impact-massachusetts blockquote, #impact-fife blockquote {
    position: relative !important;
    opacity: 1 !important;
    margin: 2em 0;
  }
  .case-study {
    margin-bottom: 2em;
  }
  #impact-school-leaders img, #impact-district-leaders img {
    margin: 3em auto;
  }
  #mobile-visitors-total {
    position: absolute;
    bottom: 0;
    right: 0;
    height: 100%;
  }
  #mobile-visitors-2019 {
    position: absolute;
    bottom: 0;
    right: 42px;
    height: 26.28%;
  }
  #impact-districts-reps-arrow { display: none; }
}

@media (min-width: 576px) {
  #impact-partners .number { font-size: 7em; top: 20%; }
}

@media (min-width: 768px) {
  #impact-partners .number { font-size: 8em; }
}

@media (min-width: 992px) {
  #impact-data h1 {
    text-align: left;
  }
  #impact-chicago h2, #impact-baltimore h2, #impact-massachusetts h2 {
    margin-left: -5px;
  }
  #impact-data .container.rhombus {
    background: url('/img/annualreports/2019/rhombus.svg') no-repeat bottom right transparent;
    background-size: 100%;
  }
  #impact-landing .container {
    background: url('/img/annualreports/2019/impactLanding.jpg') no-repeat center center transparent;
    background-size: 100%;
  }
  #impact-chicago .container {
    background: url('/img/annualreports/2019/Chicago.jpg') no-repeat right bottom transparent;
    background-size: 100%;
  }
  #impact-massachusetts .container {
    background: url('/img/annualreports/2019/Massachusetts.jpg') no-repeat right center transparent;
    background-size: 100%;
  }
  #impact-landing h1 {
    position: absolute;
    left: 15%;
    top: 33%;
  }
  #impact-reviews .container {
    padding-top: 2em;
  }
  #impact-reviews h2, #impact-visitors h2 {
    padding: 0 3em;
    text-align: center;
  }
  #impact-chicago blockquote {
    max-width: 60%;
  }
  #impact-chicago .copy {
    max-width: 76%;
  }
  #impact-massachusetts blockquote {
    max-width: 60%;
  }
  #impact-massachusetts .copy {
    max-width: 65%;
  }
  #impact-districts-documented { padding-top: 34%; }
  #impact-districts-documented:before { padding-bottom: 78%; }
  #impact-districts-students { padding-top: 22%; }
  #impact-districts-students:before { padding-bottom: 90%; }
  #impact-school-leaders-copy {
    top: auto;
    bottom: 25%;
    max-width: 35%;
  }
  #impact-district-leaders-copy { max-width: 32%; }
}

@media (min-width: 992px) and (max-width: 1200px) {
  #impact-school-leaders-container {
    transform: scale(0.85) translate(-15%, -5%)  ;
  }
  #impact-district-leaders-container {
    top: -35px;
    transform: scale(0.85) translate(-12%);
  }
}

@media (min-width: 1200px) {
  #impact-school-leaders-copy { max-width: 35%; }
  #impact-districts-reps-container { top: -15%; }
  #impact-massachusetts blockquote { max-width: 68%; }
  #impact-massachusetts .copy { max-width: 70%; }
}

@media (min-width: 1400px) {
  #impact-school-leaders-copy { bottom: auto; top: 4%; max-width: 38%; }
  #impact-district-leaders-copy { bottom: auto; top: 4%; max-width: 42%; }
  #impact-districts-reps-container { top: -16%; }
  #impact-districts-reps-arrow { width: 310%; margin-left: -105%; }
}

/** New in 2019 **/

#news h1 {
  font-weight: 400;
  font-size: 3.5em;
}

#news-landing {
  height: 100vh;
  width: 100%;
  padding-top: 100px;
}

#news-science, #news-ela, #news-klawe {
  min-height: 100vh;
  width: 100%;
}

#news-science-quote, #news-klawe-quote {
  min-height: 50vh;
  width: 100%;
  padding: 100px 0 200px;
}

#news-landing .container {
  height: 100%;
}

#news-landing-content {
  width: 100%;
}

#news-landing-content h1 {
  position: absolute;
  top: 14%;
  right: 14%;
}

#news .image-container img {
  display: block;
  margin: 0 auto 1em;
  max-width: 320px;
}

@media (max-width: 991px) {
  #news-resources {
    min-height: 100vh !important;
    height: auto !important;
  }
  #news-ela {
    margin-bottom: 100px;
  }
  #news-resources .copy-container {
    margin-bottom: 2em;
  }
  #news-resources .video-link {
    display: block;
    margin-bottom: 34px;
  }
  #news-science-quote, #news-klawe-quote {
    padding: 100px 0;
  }
}

@media (min-width: 992px) {
  #news .image-container { padding: 68px 34px 68px 68px; }
  #news .copy-container { padding: 68px 68px 68px 34px; }
  #news-resources .copy-container { padding: 0 2em 0 0 !important; }
  #news-science, #news-ela, #news-klawe { padding-top: 100px; }
  #news-ela-image { padding-bottom: 80px; }
}
@media (min-width: 1200px) {}
@media (min-width: 1400px) {}

/** Reviewer Data **/

#reviewer-data-content {
  width: 100%;
  height: 100%;
}

#reviewer-data-content h1 {
  font-weight: 400;
  font-size: 4em;
}

#reviewer-data-landing h1 {
  margin: 0;
  padding-bottom: 1.2em;
}

#reviewer-data-content h2 {
  margin: 0.6em 0 0 -0.085em;
  line-height: 1.2em;
}

#reviewer-data .container {
  min-height: 100vh;
  padding-top: 100px;
}

#reviewer-data-content p {
  font-size: 1.35em;
  line-height: 1.5em;
  margin-bottom: 0;
}

#reviewer-data-content .number {
  font-weight: 700;
  font-size: 5em;
  font-style: italic;
  line-height: 2em;
}

#reviewer-data-content .number.minor {
  font-size: 2.5em;
  font-style: normal;
  line-height: 1em;
}

#reviewer-data-background {
  position: absolute;
  top: 0;
  width: 100%;
}

#reviewer-data-background-container {
  position: absolute;
  right: 0;
  width: 60%;
  z-index: 100;
}

#reviewer-data-background-mobile {
  margin: 2em auto;
}

#reviewer-data-square-bg, #reviewer-data-square-mobile {
  position: absolute;
  left: 39%;
  width: 45%;
  height: auto;
  z-index: 1;
}

#reviewer-data-mag-bg, #reviewer-data-mag-mobile {
  position: relative;
  padding-top: 2%;
  z-index: 10;
}

@media (max-width: 991px) {
  #reviewer-data-reviewers, #reviewer-data-average-experience, #reviewer-data-average-experience,
  #reviewer-data-total-experience, #reviewer-data-hours { opacity: 1 !important; }
  #reviewer-data-content h2 { font-size: 2.5em; }
  #reviewer-data-content .number { font-size: 3.5em; }
  #reviewer-data-quote { padding-bottom: 4em; }
}
@media (min-width: 576px) {}
@media (min-width: 768px) {}
@media (min-width: 992px) {
  #reviewer-data-content .reviewer-data-stats-container { max-width: 54%; }
}
@media (min-width: 1200px) {
  #reviewer-data-background-container {
    width: 60%;
  }
}
@media (min-width: 1400px) {
  #reviewer-data-background-container {
    left: 45%;
    width: 55%;
  }
}

/** State of the Market **/

#sotm h1 {
  font-size: 4em;
  font-weight: 400;
  margin-bottom: 0.5em;
}

#sotm .copy-container {
  padding: 3em;
}

#sotm .copy-container p {
  font-weight: bold;
}

#sotm .graphs {
  max-width: 85%;
  margin: 2.1em 0;
}

#sotm-math-reviewed .graphs {
  max-width: 82%;
}

#sotm-math-reviewed .text-bubble-arrow {
  left: 34%; /* @TODO responsive */
}

#sotm-classrooms h1 {
  margin-bottom: 0.2em;
}

#sotm-classrooms .copy-container {
  padding-bottom: 1em;
}

#sotm-classrooms-grid {
  max-width: 550px;
  margin: 0 auto;
}

#sotm-classrooms-grid .item {
  width: 14.18%;
  height: 0;
  padding-bottom: 14.18%;
  margin: 0.636% 3.636% 3.636%;
}

#sotm-classrooms-grid .item:first-child {
  margin-left: 0;
}

#sotm-classrooms-grid .item:last-child {
  margin-right: 0;
}

#sotm-classrooms-grid .circle {
  border-radius: 50%;
}

#sotm-classrooms-grid .red-diamond {
  background: url('/img/annualreports/2019/red-diamond.svg') no-repeat center center transparent;
  background-size: contain;
  width: 16%;
  padding-bottom: 16%;
  margin: 0.526% 2.726% 2.726%;
}

@media (max-width: 991px) {
  #sotm h1 {
    font-size: 3em;
  }
  #sotm .copy-container {
    padding: 3em 0;
  }
  #sotm img {
    display: block;
    max-width: 320px;
    margin: 2em auto;
  }
  #sotm-landing h1 {
    text-align: center;
  }
  #sotm-ela-reviewed .graph-bar {
    opacity: 1 !important;
  }
  #sotm-reviewed .container, #sotm-ela-reviewed .container, #sotm-math-reviewed .container {
    align-items: start;
  }
  #sotm-reviewed-content, #sotm-ela-content, #sotm-math-content {
    max-width: 420px;
    padding-right: 80px;
  }
  #sotm-ela-content .graphs-key, #sotm-math-content .graphs-key {
    margin-left: 0;
    white-space: nowrap;
    font-size: 0.9em;
    margin-bottom: 3em;
  }
  #sotm-reviewed-bar-mobile, #sotm-ela-mobile-graph, #sotm-math-mobile-graph {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100vh;
    padding: 34px 15px;
  }
  #sotm-reviewed-bar-mobile .layer, #sotm-ela-mobile-graph .layer, #sotm-math-mobile-graph .layer {
    width: 100%;
    height: 100%;
  }
  #sotm-reviewed-bar-mobile .graph-bar {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 50px;
    height: 100%;
  }
  #sotm-ela-mobile-graph .graph-bar, #sotm-math-mobile-graph .graph-bar {
    width: 50px !important;
  }
  #sotm-reviewed-total {
    height: 90% !important;
  }
  #sotm-reviewed-total .label, #sotm-ela-reviewed .label, #sotm-math-reviewed .label {
    width: 50px;
    height: 50px;
    text-align: center;
    font-size: 1.4em;
    line-height: 50px;
    padding: 0;
  }
  #sotm-ela-bar, #sotm-math-bar {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
  }
  #sotm-ela-green-mobile, #sotm-ela-yellow-mobile, #sotm-ela-red-mobile,
  #sotm-math-green-mobile, #sotm-math-yellow-mobile, #sotm-math-red-mobile {
    opacity: 1 !important;
    position: relative;
  }
  #sotm-ela-green-mobile { height: 42%; }
  #sotm-ela-yellow-mobile { height: 39%; }
  #sotm-ela-red-mobile { height: 19%; }
  #sotm-math-green-mobile { height: 31%; }
  #sotm-math-yellow-mobile { height: 28%; }
  #sotm-math-red-mobile { height: 42%; }

  #sotm-classrooms .red-diamond { opacity: 1 !important; }
  #sotm-classrooms-grid .row { padding: 0 15px; }
}

@media (min-width: 576px) {}
@media (min-width: 768px) {}
@media (min-width: 992px) {
  #sotm-landing .carousel-slide-container {
    background: url('/img/annualreports/2019/instructionalMaterials.jpg') no-repeat left bottom transparent;
    background-size: 100%;
  }
  #sotm-landing h1 {
    width: 45%;
    margin-left: 55%;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  #sotm-ela-reviewed .graphs-bubble-chart, #sotm-math-reviewed .graphs-bubble-chart {
    transform: scale(0.5) translate(0, -50%);
    font-size: 2em;
  }
  #sotm-ela-reviewed .graphs-bubble-chart .number, #sotm-math-reviewed .graphs-bubble-chart .number {
    margin-left: 15px;
  }
  #sotm-ela-reviewed .graphs-bubble-copy, #sotm-math-reviewed .graphs-bubble-copy {
    position: relative;
    top: -40%;
  }
}
@media (min-width: 1200px) {}
@media (min-width: 1400px) {}

/** 2020 & Beyond **/

#beyond-content .container {
  min-height: 100vh;
}

#beyond-content .title-container h1 {
  font-weight: 400;
}

@media (max-width: 991px) {
  #beyond-content {
    padding-bottom: 3em;
  }
  #beyond-content .title-container img {
    padding: 3em 0;
    display: block;
    margin: 0 auto;
  }
}
@media (min-width: 992px) {
  #beyond-content .title-container h1 {
    min-height: 6vh;
  }
  #beyond-content .title-container {
    padding-top: 44vh;
    padding-bottom: 50vh;
  }
}
@media (min-width: 1200px) {}
@media (min-width: 1400px) {}

/** Financials **/

#financials h1 {
  font-size: 4em;
  font-weight: 400;
}

#financials .comment {
  font-weight: bold;
  font-size: 18px;
  max-width: 480px;
}

#financials .comment p {
  font-size: 1.2em;
  line-height: 1.5em;
  margin-bottom: 0;
}

#financials .comment b {
  display: inline-block;
  font-size: 1.5em;
  padding-top: 0.35em;
}

#financials table {
  width: 100%;
}

#financials tbody:first-child {
  border-top: none;
}

#financials tbody {
  border-top: 1.25em solid transparent;
}

#financials th, #financials td {
  font-size: 1.2em;
  position: relative;
  line-height: 1em;
  padding-bottom: 1em;
  vertical-align: baseline;
}

#financials th {
  text-transform: uppercase;
}

#financials td:last-child {
  text-align: right;
}

#financials tfoot, #financials .total {
  font-weight: 700;
}

#financials .total td {
  border-top: 3px solid #ffd778;
  padding-top: 0.5em;
}

#financials .grand-total {
  padding-top: 0.25em;
  font-size: 2em;
}

#financials .block {
  width: 1em;
  height: 1em;
}

#financials .chart {
  width: 480px;
  height: 480px;
}

#financials .chart .clip-left {
  position: absolute;
  clip: rect(0, 240px, 480px, 0);
}

#financials .chart .clip-right {
  position: absolute;
  clip: rect(0, 480px, 480px, 240px);
}

#financials .chart-mobile {
  position: relative;
  width: 240px;
  height: 240px;
  left: 50%;
  top: auto !important;
  bottom: auto !important;
  right: auto !important;
  margin: 6em -120px;
}

#financials .chart-mobile .clip-left {
  position: absolute;
  clip: rect(0, 120px, 240px, 0);
}

#financials .chart-mobile .clip-right {
  position: absolute;
  clip: rect(0, 240px, 240px, 120px);
}

#financials .chart-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
}

#financials .chart-container {
  position: absolute;
  width: 100%;
  height: 100%;
}

#financials .chart-percent {
  position: absolute;
  width: 4em;
  height: 4em;
  line-height: 4em;
  text-align: center;
  font-size: 2em;
  font-style: italic;
  font-weight: bold;
}

/* third slide */

.financials-activity-restricted-contributions {
  transform: rotate(-82.8deg);
}

.financials-activity-unrestricted-revenue-container {
  transform: rotate(-82.8deg);
}

.financials-activity-unrestricted-revenue {
  transform: rotate(-93.6deg);
}

.financials-activity-unrestricted-contributions-percent {
  top: calc(50% - 2em);
  right: -3.5em;
}

.financials-activity-unrestricted-revenue-percent {
  bottom: 0;
  left: -2em;
}

.financials-activity-restricted-contributions-percent {
  top: -1em;
  left: -1em;
}

.chart-mobile .financials-activity-restricted-contributions-percent { left: -2em; }
.chart-mobile .financials-activity-unrestricted-contributions-percent { top: -1em; right: -2.5em; }
.chart-mobile .financials-activity-unrestricted-revenue-percent { bottom: -1.2em; left: -2em; }

/* fourth slide */

#financials-activity-expenses .chart {
  top: auto;
  bottom: -2em; /* @TODO responsive */
}

.financials-activity-demand-container {
  transform: rotate(-7.2deg);
}

.financials-activity-demand {
  transform: rotate(108deg);
}

.financials-activity-development-container {
  transform: rotate(-39.6deg);
}

.financials-activity-development {
  transform: rotate(-39.6deg);
}

.financials-activity-general-container {
  transform: rotate(-7.2deg);
}

.financials-activity-general {
  transform: rotate(-32.4deg);
}

.financials-activity-fundraising {
  transform: rotate(-7.2deg);
}

.financials-activity-excellence-percent {
  top: calc(50% - 2em);
  right: -3.5em;
}

.financials-activity-demand-percent {
  bottom: 0;
  left: -2em;
}

.financials-activity-development-percent {
  top: 1em;
  left: -2.5em;
}

.financials-activity-general-percent {
  top: -2em;
  left: 0.75em;
}

.financials-activity-fundraising-percent {
  top: -2.75em;
  left: calc(50% - 2em);
}

.chart-mobile .financials-activity-development-percent { top: 1em; left: -3em; }
.chart-mobile .financials-activity-general-percent { top: -2.5em; left: 0; }
.chart-mobile .financials-activity-demand-percent { bottom: -1em; left: -2.25em; }
.chart-mobile .financials-activity-excellence-percent { top: -0.75em; right: -2.5em; }

@media (max-width: 991px) {
  #financials {
    max-width: 100vw;
    overflow: hidden;
  }
  #financials .carousel .carousel-slide {
    min-height: 0;
    margin-bottom: 80px;
  }
  #financials .carousel-slide .container {
    min-height: 0;
  }
  #financials .carousel-slide-container {
    width: 100%;
    min-height: 100%
  }
  #financials .comment {
    margin: 2em auto 0;
  }
  #financials-landing img {
    display: block;
    margin: 0 auto;
  }
  #financials .block {
    display: inline-block;
    margin: 0 0.5em 0 0;
    vertical-align: top;
  }
  #financials tbody td {
    white-space: nowrap;
    vertical-align: top;
  }
  #financials tbody div {
    white-space: normal;
    vertical-align: top;
    line-height: 1.2em;
  }
  #financials-activity-assets tbody td, #financials-activity-assets tbody th {
    white-space: normal !important;
    line-height: 1.2em;
  }
}
@media (min-width: 992px) {
  #financials .copy-container {
    max-width: 65%;
  }
  #financials table {
    max-width: 52%;
  }
  #financials .comment {
    position: absolute;
    top: 2em;
    right: 0;
  }
  #financials-landing .carousel-slide-container {
    background: url('/img/annualreports/2019/financials.jpg') no-repeat left center transparent;
    background-size: auto 100%;
  }
  #financials-position .carousel-slide-container, #financials-activity-assets .carousel-slide-container {
    background: url('/img/annualreports/2019/financials.jpg') no-repeat right bottom transparent;
    background-size: 40%;
  }
  #financials-landing .copy-container {
    position: absolute;
    right: 6%;
    bottom: 25%;
    max-width: 50%;
  }
  #financials .chart {
    position: absolute;
    right: 0;
    top: 0;
    transform: scale(0.65) translate(17.5%, -17.5%);
    transform-origin: center;
  }
  #financials-activity-revenues .chart {
    top: 100px;
  }
  #financials-activity-expenses .comment {
    top: 100px;
  }
  #financials .block {
    position: absolute;
    right: 100%;
  }
}
@media (min-width: 1200px) {
  #financials .chart {
    transform: scale(0.75);
  }
}
@media (min-width: 1400px) {
  #financials .chart {

  }
}

/** Additional Information **/

#info {
  padding: 4em 0;
}

#info h1 {
  font-weight: 400;
  font-size: 4em;
  margin-bottom: 0.5em;
}

#info h2 {
  font-weight: 700;
  margin-bottom: 1.2em;
}

#funders {
  position: relative;
  top: -140px;
  padding-top: 140px;
  font-size: 1.2em;
}

#funders p {
  max-width: 720px;
  margin: 3em auto 2em;
}

#funders .logos > div {
  padding: 2em 0;
}

#funders .logos img {
  margin: 0 auto;
}

#funders .funders > div {
  padding: 0.5em 0;
  font-weight: 700;
}

#board {
  position: relative;
  top: -140px;
  padding-top: 140px;
  margin: 0 2em;
}

#info .member {
  margin-bottom: 4em;
}

#info .member img {
  width: 125px;
  margin-right: 20px;
  height: auto;
}

#info .member-copy {
  float: right;
  padding-top: 30px;
  width: calc(100% - 150px);
}

#info .member-copy p {
  font-weight: 700;
  line-height: 1.2em;
  margin-bottom: 0.35em;
}

@media (min-width: 991px) {}
@media (min-width: 992px) {
  #info .member { min-height: 240px; margin-bottom: 0; }
}
@media (min-width: 1200px) {}
@media (min-width: 1400px) {}

/** Finale **/

#download-share {
  width: 100%;
  height: 100vh;
}

#download-share > .container {
  height: 100%;
  padding-top: 100px;
  padding-bottom: 100px;
}

#download-share h1 {
  font-size: 4em;
  font-weight: 400;
  margin-bottom: 1em;
}

#download-share h3 {
  font-size: 1.5em;
  padding-top: 0.5em;
}

#footer {
  width: 100%;
  min-height: 100px;
  padding-top: 20px;
  padding-bottom: 20px;
}

#social-share {
  margin-left: 0.5em;
}

.share-button {
  font-size: 5em;
  margin-right: 0.5em;
}

.download-button, .home-button {
  display: block;
  text-align: center;
  max-width: 100%;
  font-weight: 700;
  transition: color 250ms, background-color 250ms;
}

.download-button {
  font-size: 1.2em;
  border-radius: 30px;
  height: 60px;
  line-height: 60px;
  margin-bottom: 40px;
}

.home-button {
  border: 3px solid #083b54;
  border-radius: 27px;
  height: 54px;
  line-height: 46px;
}

.download-button:hover, .home-button:hover {
  color: #fff !important;
  background-color: #083b54 !important;
  transition: color 350ms, background-color 350ms;
}

@media (max-width: 991px) {
  #footer .edreports-home {
    margin-bottom: 1em;
  }
}
@media (min-width: 992px) {
  #footer {
    position: absolute;
    bottom: 0;
    left: 0;
  }
  .home-button {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 320px;
    margin-left: -160px;
    margin-top: -27px;
  }
  #open-book { position: absolute; left: 50%; }
  #download-share .content-container { width: 56%; padding: 34px; }
}
@media (min-width: 1200px) {}
@media (min-width: 1400px) {}