/*
Sass utility code
*/
.hero {
  background-color: #565a5c;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  box-sizing: border-box;
  display: block;
  height: 260px;
  padding: 60px 20px 0 20px;
  text-align: center;
  width: 100vw;
}
.hero.briefing {
  background-image: url("../../../images/hero-briefing.jpg");
}
.hero.careers {
  background-image: url("../../../images/hero-careers.jpg");
  color: #fff;
}
.hero.careers h1 {
  color: #fff;
}
.hero.contact {
  background-image: url("../../../images/hero-contact.jpg");
}
.hero.generic {
  background-color: #008b95;
  height: 135px;
}
.hero.generic h1 {
  color: #fff;
  font-size: 40px;
  line-height: 75px;
}
.hero.industries {
  background-image: url("../../../images/hero-industries.jpg");
}
.hero.media {
  background-image: url("../../../images/hero-media.jpg");
}
.hero.reports {
  background-image: url("../../../images/hero-reports.jpg");
}
.hero.services {
  background-image: url("../../../images/hero-services.jpg");
}
.hero h1 {
  color: #d4d4d4;
  font-size: 80px;
  font-weight: 300;
  line-height: 200px;
}

@media (max-width: 830px) {
  .hero {
    height: 220px;
  }
  .hero.generic h1 {
    font-size: 40px;
    line-height: 75px;
  }
  .hero h1 {
    font-size: 64px;
    line-height: 160px;
  }
}
@media (max-width: 550px) {
  .hero {
    height: 160px;
  }
  .hero.generic h1 {
    font-size: 40px;
    line-height: 75px;
  }
  .hero h1 {
    font-size: 40px;
    line-height: 100px;
  }
}
.button, .button:visited {
  background-color: #008b95;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  line-height: 44px;
  padding: 0 15px;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
}
.button:hover, .button:visited:hover {
  background-color: #00666e;
  color: #fff;
  text-decoration: none;
}
.button.dark, .button:visited.dark {
  background-color: #000;
  color: #00c3d1;
}
.button.dark:hover, .button:visited.dark:hover {
  background-color: #00666e;
  color: #fff;
}
.button.report-download, .button .report-download:visited, .button:visited.report-download, .button:visited .report-download:visited {
  background-color: #000;
  color: #00c3d1;
  line-height: 1.5;
  max-width: 350px;
  padding: 12px 15px;
  white-space: normal;
}
.button.report-download:hover, .button .report-download:visited:hover, .button:visited.report-download:hover, .button:visited .report-download:visited:hover {
  background-color: #00666e;
  color: #fff;
}
.button.rounded, .button:visited.rounded {
  border-radius: 5px;
  line-height: 32px;
}

body {
  background-color: #565a5c;
}
body .content {
  background-color: #d4d4d4;
}
body .content .hero.generic {
  height: 70px;
}
body .content .page {
  margin-left: auto;
  margin-right: auto;
  max-width: 900px;
  padding: 36px 50px 50px 50px;
}
body .content .page.bottom {
  padding-top: 20px;
}
body .content .page.top {
  padding-bottom: 20px;
}
body .content .page.top p {
  margin-top: 20px;
}
body .content .page h1 {
  font-size: 24px;
  font-weight: 600;
  line-height: 1.2;
  margin: 0;
}
body .content .page h2 {
  font-size: 14px;
  font-weight: 600;
  line-height: 1.39;
  margin: 5px 0 0 0;
}
body .content .page p {
  font-size: 14px;
  line-height: 1.39;
  margin: 0;
}
body .content .page ul {
  list-style-type: disc;
  margin: 14px 0 0 20px;
}
body .content .page ul li {
  margin: 14px 0;
}
body #myContainer {
  margin: 5px 20px;
  position: relative;
  text-align: center;
  width: auto;
}
body #myContainer img {
  max-width: 900px;
  width: 100%;
}

@media (max-width: 700px) {
  body .content .page {
    padding: 6px 20px 20px 20px;
  }
}

/*# sourceMappingURL=global-supply-chain-dependence.css.map */