html, body {
  color: #231f20;
  height: 100%;
  min-height: 100%; }

html, body, h1, h2, h3, h4, h5, h6 {
  font-family: "Factoria", serif !important; }

.bold {
  font-weight: 600; }

.underlined {
  border-bottom: 3px solid; }

.padding {
  padding: 15px; }

.text-center {
  text-align: center; }

.pull-right {
  float: right; }

.spacer {
  width: 15px; }

@media screen and (max-width: 40em) {
  .hide-small {
    display: none; } }

.section.background-image {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: calc(100% - 100px);
  min-height: 500px; }
  .section.background-image.main-banner {
    background-image: url("../images/main-banner.png"); }
  .section.background-image .section-stripe {
    background-color: rgba(35, 31, 32, 0.75);
    color: #fff;
    margin: 50px 0;
    text-align: center; }
    .section.background-image .section-stripe img {
      margin: 0 auto;
      max-width: calc(100% - 30px);
      width: 750px; }
    .section.background-image .section-stripe h2 {
      font-size: 2em;
      margin: 0 auto; }
      @media screen and (min-width: 40em) {
        .section.background-image .section-stripe h2 {
          font-size: 4em; } }

.section.dark {
  background-color: #231f20;
  color: #fff; }

.section.footer img {
  width: 250px; }

.section.section-padding {
  padding: 100px 0; }
  @media screen and (max-width: 40em) {
    .section.section-padding {
      padding: 50px 0; } }
  .section.section-padding.top-only {
    padding-bottom: 0; }

.section .section-inner {
  max-width: 100%;
  width: 750px; }

.section .summary-section {
  margin: 35px 25px; }
  @media screen and (max-width: 40em) {
    .section .summary-section {
      -ms-flex: none;
          flex: none;
      margin: 25px auto 35px;
      max-width: calc(100% - 30px);
      text-align: center;
      width: 400px; } }
  .section .summary-section h5 {
    margin: 25px 0 10px; }

.bg-light-gray {
  background-color: #f1f2f2; }

.bg-medium-gray {
  background-color: #ebebec; }

.icon.icon-1x {
  width: 25px; }

.icon.icon-2x {
  width: 50px; }

.icon.icon-3x {
  width: 75px; }

.icon.icon-4x {
  width: 100px; }

.footer h5 {
  margin-top: 35px; }

.footer a {
  color: #fff;
  text-decoration: underline; }

#industries .summary-section img {
  max-width: calc(100% - 30px);
  width: 250px; }

#benefitsList .list-item {
  padding: 15px 0; }
  @media screen and (max-width: 40em) {
    #benefitsList .list-item {
      text-align: center; }
      #benefitsList .list-item:first-of-type {
        padding-right: 15px; }
      #benefitsList .list-item:last-of-type {
        padding-left: 15px; } }

.navbar {
  padding: 25px 0;
  width: 100%; }
  .navbar button.menu-icon {
    float: right;
    outline: none;
    padding: 15px; }
  .navbar .logo {
    width: 250px; }
  .navbar .navlinks a {
    color: #fff;
    font-size: 1.2em;
    font-weight: 600;
    padding: 0 0 0 50px; }
    @media screen and (max-width: 900px) {
      .navbar .navlinks a {
        padding: 0 0 0 25px; } }
  @media screen and (max-width: 640px) {
    .navbar .navlinks {
      background: #333132;
      left: 0;
      padding: 20px 0 20px 15px;
      position: absolute;
      top: 91px;
      width: 100%;
      -ms-flex-pack: start;
      justify-content: flex-start; }
      .navbar .navlinks a {
        padding-left: 0;
        padding-right: 50px; } }

.row {
  max-width: calc(100% - 30px);
  width: 1440px; }

#differentiation .full-width {
  padding: 15px 0; }

#industries .full-width {
  background-color: #333132;
  color: #fff; }

.full-width.bg-gray {
  background-image: linear-gradient(to right, #f1f2f2, #f1f2f2 50%, #ebebec 50%); }

.full-width.row {
  max-width: none;
  width: 100%; }