/* Text Elements */

h1.heading-1 {
  margin-top: 0;
  margin-bottom: 10px;
  color: #fff;
  font-size: 100px;
}

h2.heading-2 {
  margin-top: 8vh;
  padding-left: 20px;
  border-left-width: .4375rem;
  border-left-style: solid;
  color: #fff;
  font-size: 50px;
}

p.paragraph.paragraph-1 {
  margin-top: 0;
  color: #fff;
  font-size: 25px;
}

p.paragraph.paragraph-2 {
  margin-top: 10vh;
  margin-bottom: 4vh;
  color: #fff;
  font-size: 25px;
}

p.paragraph span.paragraph-text-1 {
  color: #ff8726;
}

p.paragraph span.paragraph-text-2 {
  color: #ff8726;
}

/* Interaction Elements */

a.link-button.button-link-1 {
  padding: 10px 10px 15px;
  background-color: #ff8726;
  color: #000;
  font-size: 25px;
}

/* Layout Elements */

.container.container-1 {
  background-color: #123d95;
}

.container.container-3 {
  margin-top: 0vh;
  padding-top: 10vh;
  padding-left: 60px;
  height: 100vh;
}

.container.container-2 {
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 1) 0%, rgba(29, 30, 33, .5) 46%), url('../factory-industry-lights-236722.jpg');
  background-image:    -moz-linear-gradient(left, rgba(0, 0, 0, 1) 0%, rgba(29, 30, 33, .5) 46%), url('../factory-industry-lights-236722.jpg');
  background-image:      -o-linear-gradient(left, rgba(0, 0, 0, 1) 0%, rgba(29, 30, 33, .5) 46%), url('../factory-industry-lights-236722.jpg');
  background-image:         linear-gradient(90deg, rgba(0, 0, 0, 1) 0%, rgba(29, 30, 33, .5) 46%), url('../factory-industry-lights-236722.jpg');
  background-attachment: scroll, scroll;
  background-position: left top, left top;
  background-clip: border-box, border-box;
  background-origin: padding-box, padding-box;
  background-size: auto auto, cover;
  background-repeat: repeat, repeat;

  background-blend-mode: normal, normal;
}

div.responsive-picture.picture-1 {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  width: 70px;
}

@media screen and (max-width: 67.4375rem) {
  /* Text Elements */

  h1.heading-1 {
    margin-top: 0;
    margin-bottom: 10px;
    color: #fff;
    font-size: 74px;
  }

  h2.heading-2 {
    margin-top: 4rem;
    margin-bottom: 3em;
    padding-left: 11px;
    border-left-width: .3125rem;
    border-left-style: solid;
    color: #fff;
    font-size: 37px;
  }

  p.paragraph.paragraph-1 {
    margin-bottom: 0;
    color: #fff;
    font-size: 19px;
  }

  p.paragraph.paragraph-2 {
    margin-bottom: 2.5em;
    color: #fff;
    font-style: italic;
    font-size: 19px;
  }

  p.paragraph span.paragraph-text-1 {
    color: #ff8726;
  }

  p.paragraph span.paragraph-text-2 {
    color: #ff8726;
  }

  /* Interaction Elements */

  a.link-button.button-link-1 {
    padding: 15px;
    background-color: #ff8726;
    color: #000;
    font-weight: 500;
    font-size: 19px;
  }

  /* Layout Elements */

  .container.container-1 {
    background-color: #123d95;
  }

  .container.container-3 {
    padding-top: 12vh;
    padding-right: 1rem;
    padding-left: 5%;
    width: auto;
    height: auto;
  }

  .container.container-2 {
    height: 95.24vmax;
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 1) 0%, rgba(29, 30, 33, .5) 54%), url('../air-pollution-chemical-dark-929385.jpg');
    background-image:    -moz-linear-gradient(left, rgba(0, 0, 0, 1) 0%, rgba(29, 30, 33, .5) 54%), url('../air-pollution-chemical-dark-929385.jpg');
    background-image:      -o-linear-gradient(left, rgba(0, 0, 0, 1) 0%, rgba(29, 30, 33, .5) 54%), url('../air-pollution-chemical-dark-929385.jpg');
    background-image:         linear-gradient(90deg, rgba(0, 0, 0, 1) 0%, rgba(29, 30, 33, .5) 54%), url('../air-pollution-chemical-dark-929385.jpg');
    background-attachment: scroll, scroll;
    background-position: left top, left top;
    background-clip: border-box, border-box;
    background-origin: padding-box, padding-box;
    background-size: auto auto, cover;
    background-repeat: repeat, repeat;

    background-blend-mode: normal, normal;
  }

  div.responsive-picture.picture-1 {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    width: 70px;
  }
}

@media screen and (max-width: 36.1875rem) {
  /* Text Elements */

  h1.heading-1 {
    margin-top: 0;
    margin-bottom: 10px;
    color: #fff;
    font-weight: 900;
    font-size: 44px;
  }

  h2.heading-2 {
    margin-top: 10%;
    margin-bottom: 0;
    padding-top: 0;
    padding-left: 7px;
    border-left-width: .25rem;
    border-left-style: solid;
    color: #fff;
    font-size: 22px;
  }

  p.paragraph.paragraph-1 {
    margin-top: 0;
    color: #fff;
    font-size: 15px;
  }

  p.paragraph.paragraph-2 {
    margin-top: 5vh;
    margin-bottom: 2em;
    color: #fff;
    font-style: italic;
    font-size: 15px;
  }

  p.paragraph span.paragraph-text-1 {
    color: #ff8726;
  }

  p.paragraph span.paragraph-text-2 {
    color: #ff8726;
  }

  /* Interaction Elements */

  a.link-button.button-link-1 {
    margin-top: 0;
    padding: 15px;
    background-color: #ff8726;
    color: #000;
    font-size: 15px;
  }

  /* Layout Elements */

  .container.container-1 {
    background-color: #123d95;
  }

  .container.container-2 {
    width: 100%;
    height: 47em;
    background-color: #0d0d0d;
    background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%), url('../air-pollution-chemical-dark-929385.jpg');
    background-image:    -moz-linear-gradient(right, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%), url('../air-pollution-chemical-dark-929385.jpg');
    background-image:      -o-linear-gradient(right, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%), url('../air-pollution-chemical-dark-929385.jpg');
    background-image:         linear-gradient(270deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%), url('../air-pollution-chemical-dark-929385.jpg');
    background-attachment: scroll, scroll;
    background-position: left top, left top;
    background-clip: border-box, border-box;
    background-origin: padding-box, padding-box;
    background-size: auto auto, cover;
    background-repeat: repeat, no-repeat;

    background-blend-mode: normal, normal;
  }

  .container.container-3 {
    margin-top: 0;
    padding-top: 7vh;
    padding-right: 1rem;
    padding-left: 1rem;
  }

  div.responsive-picture.picture-1 {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    width: 70px;
  }
}