/* Image optimizations: responsive img + webp background image-sets */
.responsive-img {
  width: 100%;
  height: auto;
  display: block;
}

#parallax_0 { background-image: url("img/mission2-1600.jpg"); }
@supports (background-image: image-set(url("img/mission2-1600.webp") type("image/webp") 1x)) {
  #parallax_0 {
    background-image: image-set(
      url("img/mission2-1600.webp") type("image/webp") 1x,
      url("img/mission2-2048.webp") type("image/webp") 2x,
      url("img/mission2-1600.jpg") type("image/jpeg") 1x,
      url("img/mission2-2048.jpg") type("image/jpeg") 2x
    );
  }
}
@media (max-width: 1024px) { #parallax_0 { background-image: url("img/mission2-1024.jpg"); } }
@media (max-width: 1024px) { @supports (background-image: image-set(url("img/mission2-1024.webp") type("image/webp") 1x)) {
  #parallax_0 {
    background-image: image-set(
      url("img/mission2-1024.webp") type("image/webp") 1x,
      url("img/mission2-1600.webp") type("image/webp") 2x,
      url("img/mission2-1024.jpg") type("image/jpeg") 1x,
      url("img/mission2-1600.jpg") type("image/jpeg") 2x
    );
  }
} }
@media (max-width: 768px) { #parallax_0 { background-image: url("img/mission2-640.jpg"); } }
@media (max-width: 768px) { @supports (background-image: image-set(url("img/mission2-640.webp") type("image/webp") 1x)) {
  #parallax_0 {
    background-image: image-set(
      url("img/mission2-640.webp") type("image/webp") 1x,
      url("img/mission2-1024.webp") type("image/webp") 2x,
      url("img/mission2-640.jpg") type("image/jpeg") 1x,
      url("img/mission2-1024.jpg") type("image/jpeg") 2x
    );
  }
} }

#parallax_1 { background-image: url("img/DISCOVER-1600.jpg"); }
@supports (background-image: image-set(url("img/DISCOVER-1600.webp") type("image/webp") 1x)) {
  #parallax_1 {
    background-image: image-set(
      url("img/DISCOVER-1600.webp") type("image/webp") 1x,
      url("img/DISCOVER-2048.webp") type("image/webp") 2x,
      url("img/DISCOVER-1600.jpg") type("image/jpeg") 1x,
      url("img/DISCOVER-2048.jpg") type("image/jpeg") 2x
    );
  }
}
@media (max-width: 1024px) { #parallax_1 { background-image: url("img/DISCOVER-1024.jpg"); } }
@media (max-width: 1024px) { @supports (background-image: image-set(url("img/DISCOVER-1024.webp") type("image/webp") 1x)) {
  #parallax_1 {
    background-image: image-set(
      url("img/DISCOVER-1024.webp") type("image/webp") 1x,
      url("img/DISCOVER-1600.webp") type("image/webp") 2x,
      url("img/DISCOVER-1024.jpg") type("image/jpeg") 1x,
      url("img/DISCOVER-1600.jpg") type("image/jpeg") 2x
    );
  }
} }
@media (max-width: 768px) { #parallax_1 { background-image: url("img/DISCOVER-640.jpg"); } }
@media (max-width: 768px) { @supports (background-image: image-set(url("img/DISCOVER-640.webp") type("image/webp") 1x)) {
  #parallax_1 {
    background-image: image-set(
      url("img/DISCOVER-640.webp") type("image/webp") 1x,
      url("img/DISCOVER-1024.webp") type("image/webp") 2x,
      url("img/DISCOVER-640.jpg") type("image/jpeg") 1x,
      url("img/DISCOVER-1024.jpg") type("image/jpeg") 2x
    );
  }
} }

#parallax_2 { background-image: url("img/DEFINE-1600.jpg"); }
@supports (background-image: image-set(url("img/DEFINE-1600.webp") type("image/webp") 1x)) {
  #parallax_2 {
    background-image: image-set(
      url("img/DEFINE-1600.webp") type("image/webp") 1x,
      url("img/DEFINE-1920.webp") type("image/webp") 2x,
      url("img/DEFINE-1600.jpg") type("image/jpeg") 1x,
      url("img/DEFINE-1920.jpg") type("image/jpeg") 2x
    );
  }
}
@media (max-width: 1024px) { #parallax_2 { background-image: url("img/DEFINE-1024.jpg"); } }
@media (max-width: 1024px) { @supports (background-image: image-set(url("img/DEFINE-1024.webp") type("image/webp") 1x)) {
  #parallax_2 {
    background-image: image-set(
      url("img/DEFINE-1024.webp") type("image/webp") 1x,
      url("img/DEFINE-1600.webp") type("image/webp") 2x,
      url("img/DEFINE-1024.jpg") type("image/jpeg") 1x,
      url("img/DEFINE-1600.jpg") type("image/jpeg") 2x
    );
  }
} }
@media (max-width: 768px) { #parallax_2 { background-image: url("img/DEFINE-640.jpg"); } }
@media (max-width: 768px) { @supports (background-image: image-set(url("img/DEFINE-640.webp") type("image/webp") 1x)) {
  #parallax_2 {
    background-image: image-set(
      url("img/DEFINE-640.webp") type("image/webp") 1x,
      url("img/DEFINE-1024.webp") type("image/webp") 2x,
      url("img/DEFINE-640.jpg") type("image/jpeg") 1x,
      url("img/DEFINE-1024.jpg") type("image/jpeg") 2x
    );
  }
} }

#parallax_3 { background-image: url("img/DESIGN-1920.jpg"); }
@supports (background-image: image-set(url("img/DESIGN-1920.webp") type("image/webp") 1x)) {
  #parallax_3 {
    background-image: image-set(
      url("img/DESIGN-1920.webp") type("image/webp") 1x,
      url("img/DESIGN-2560.webp") type("image/webp") 2x,
      url("img/DESIGN-1920.jpg") type("image/jpeg") 1x,
      url("img/DESIGN-2560.jpg") type("image/jpeg") 2x
    );
  }
}
@media (max-width: 1024px) { #parallax_3 { background-image: url("img/DESIGN-1280.jpg"); } }
@media (max-width: 1024px) { @supports (background-image: image-set(url("img/DESIGN-1280.webp") type("image/webp") 1x)) {
  #parallax_3 {
    background-image: image-set(
      url("img/DESIGN-1280.webp") type("image/webp") 1x,
      url("img/DESIGN-1920.webp") type("image/webp") 2x,
      url("img/DESIGN-1280.jpg") type("image/jpeg") 1x,
      url("img/DESIGN-1920.jpg") type("image/jpeg") 2x
    );
  }
} }
@media (max-width: 768px) { #parallax_3 { background-image: url("img/DESIGN-960.jpg"); } }
@media (max-width: 768px) { @supports (background-image: image-set(url("img/DESIGN-960.webp") type("image/webp") 1x)) {
  #parallax_3 {
    background-image: image-set(
      url("img/DESIGN-960.webp") type("image/webp") 1x,
      url("img/DESIGN-1280.webp") type("image/webp") 2x,
      url("img/DESIGN-960.jpg") type("image/jpeg") 1x,
      url("img/DESIGN-1280.jpg") type("image/jpeg") 2x
    );
  }
} }

#parallax_4 { background-image: url("img/PROTO-1600.jpg"); }
@supports (background-image: image-set(url("img/PROTO-1600.webp") type("image/webp") 1x)) {
  #parallax_4 {
    background-image: image-set(
      url("img/PROTO-1600.webp") type("image/webp") 1x,
      url("img/PROTO-1920.webp") type("image/webp") 2x,
      url("img/PROTO-1600.jpg") type("image/jpeg") 1x,
      url("img/PROTO-1920.jpg") type("image/jpeg") 2x
    );
  }
}
@media (max-width: 1024px) { #parallax_4 { background-image: url("img/PROTO-1024.jpg"); } }
@media (max-width: 1024px) { @supports (background-image: image-set(url("img/PROTO-1024.webp") type("image/webp") 1x)) {
  #parallax_4 {
    background-image: image-set(
      url("img/PROTO-1024.webp") type("image/webp") 1x,
      url("img/PROTO-1600.webp") type("image/webp") 2x,
      url("img/PROTO-1024.jpg") type("image/jpeg") 1x,
      url("img/PROTO-1600.jpg") type("image/jpeg") 2x
    );
  }
} }
@media (max-width: 768px) { #parallax_4 { background-image: url("img/PROTO-640.jpg"); } }
@media (max-width: 768px) { @supports (background-image: image-set(url("img/PROTO-640.webp") type("image/webp") 1x)) {
  #parallax_4 {
    background-image: image-set(
      url("img/PROTO-640.webp") type("image/webp") 1x,
      url("img/PROTO-1024.webp") type("image/webp") 2x,
      url("img/PROTO-640.jpg") type("image/jpeg") 1x,
      url("img/PROTO-1024.jpg") type("image/jpeg") 2x
    );
  }
} }

#parallax_5 { background-image: url("img/TEST-1600.jpg"); }
@supports (background-image: image-set(url("img/TEST-1600.webp") type("image/webp") 1x)) {
  #parallax_5 {
    background-image: image-set(
      url("img/TEST-1600.webp") type("image/webp") 1x,
      url("img/TEST-2000.webp") type("image/webp") 2x,
      url("img/TEST-1600.jpg") type("image/jpeg") 1x,
      url("img/TEST-2000.jpg") type("image/jpeg") 2x
    );
  }
}
@media (max-width: 1024px) { #parallax_5 { background-image: url("img/TEST-1024.jpg"); } }
@media (max-width: 1024px) { @supports (background-image: image-set(url("img/TEST-1024.webp") type("image/webp") 1x)) {
  #parallax_5 {
    background-image: image-set(
      url("img/TEST-1024.webp") type("image/webp") 1x,
      url("img/TEST-1600.webp") type("image/webp") 2x,
      url("img/TEST-1024.jpg") type("image/jpeg") 1x,
      url("img/TEST-1600.jpg") type("image/jpeg") 2x
    );
  }
} }
@media (max-width: 768px) { #parallax_5 { background-image: url("img/TEST-640.jpg"); } }
@media (max-width: 768px) { @supports (background-image: image-set(url("img/TEST-640.webp") type("image/webp") 1x)) {
  #parallax_5 {
    background-image: image-set(
      url("img/TEST-640.webp") type("image/webp") 1x,
      url("img/TEST-1024.webp") type("image/webp") 2x,
      url("img/TEST-640.jpg") type("image/jpeg") 1x,
      url("img/TEST-1024.jpg") type("image/jpeg") 2x
    );
  }
} }

#parallax_6 { background-image: url("img/nightsky1-1920.jpg"); }
@supports (background-image: image-set(url("img/nightsky1-1920.webp") type("image/webp") 1x)) {
  #parallax_6 {
    background-image: image-set(
      url("img/nightsky1-1920.webp") type("image/webp") 1x,
      url("img/nightsky1-2560.webp") type("image/webp") 2x,
      url("img/nightsky1-1920.jpg") type("image/jpeg") 1x,
      url("img/nightsky1-2560.jpg") type("image/jpeg") 2x
    );
  }
}
@media (max-width: 1024px) { #parallax_6 { background-image: url("img/nightsky1-1280.jpg"); } }
@media (max-width: 1024px) { @supports (background-image: image-set(url("img/nightsky1-1280.webp") type("image/webp") 1x)) {
  #parallax_6 {
    background-image: image-set(
      url("img/nightsky1-1280.webp") type("image/webp") 1x,
      url("img/nightsky1-1920.webp") type("image/webp") 2x,
      url("img/nightsky1-1280.jpg") type("image/jpeg") 1x,
      url("img/nightsky1-1920.jpg") type("image/jpeg") 2x
    );
  }
} }
@media (max-width: 768px) { #parallax_6 { background-image: url("img/nightsky1-960.jpg"); } }
@media (max-width: 768px) { @supports (background-image: image-set(url("img/nightsky1-960.webp") type("image/webp") 1x)) {
  #parallax_6 {
    background-image: image-set(
      url("img/nightsky1-960.webp") type("image/webp") 1x,
      url("img/nightsky1-1280.webp") type("image/webp") 2x,
      url("img/nightsky1-960.jpg") type("image/jpeg") 1x,
      url("img/nightsky1-1280.jpg") type("image/jpeg") 2x
    );
  }
} }

#parallax_200 { background-image: url("img/mission2-1600.jpg"); }
@supports (background-image: image-set(url("img/mission2-1600.webp") type("image/webp") 1x)) {
  #parallax_200 {
    background-image: image-set(
      url("img/mission2-1600.webp") type("image/webp") 1x,
      url("img/mission2-2048.webp") type("image/webp") 2x,
      url("img/mission2-1600.jpg") type("image/jpeg") 1x,
      url("img/mission2-2048.jpg") type("image/jpeg") 2x
    );
  }
}
@media (max-width: 1024px) { #parallax_200 { background-image: url("img/mission2-1024.jpg"); } }
@media (max-width: 1024px) { @supports (background-image: image-set(url("img/mission2-1024.webp") type("image/webp") 1x)) {
  #parallax_200 {
    background-image: image-set(
      url("img/mission2-1024.webp") type("image/webp") 1x,
      url("img/mission2-1600.webp") type("image/webp") 2x,
      url("img/mission2-1024.jpg") type("image/jpeg") 1x,
      url("img/mission2-1600.jpg") type("image/jpeg") 2x
    );
  }
} }
@media (max-width: 768px) { #parallax_200 { background-image: url("img/mission2-640.jpg"); } }
@media (max-width: 768px) { @supports (background-image: image-set(url("img/mission2-640.webp") type("image/webp") 1x)) {
  #parallax_200 {
    background-image: image-set(
      url("img/mission2-640.webp") type("image/webp") 1x,
      url("img/mission2-1024.webp") type("image/webp") 2x,
      url("img/mission2-640.jpg") type("image/jpeg") 1x,
      url("img/mission2-1024.jpg") type("image/jpeg") 2x
    );
  }
} }

.circle { background-image: url("img/jim-512.jpg"); }
@supports (background-image: image-set(url("img/jim-512.webp") type("image/webp") 1x)) {
  .circle {
    background-image: image-set(
      url("img/jim-512.webp") type("image/webp") 1x,
      url("img/jim-1024.webp") type("image/webp") 2x,
      url("img/jim-512.jpg") type("image/jpeg") 1x,
      url("img/jim-1024.jpg") type("image/jpeg") 2x
    );
  }
}

@media (max-width: 1300px) { #parallax_2 { background-image: url("img/DEFINE2-1024.jpg"); } }
@media (max-width: 1300px) { @supports (background-image: image-set(url("img/DEFINE2-1024.webp") type("image/webp") 1x)) {
  #parallax_2 {
    background-image: image-set(
      url("img/DEFINE2-1024.webp") type("image/webp") 1x,
      url("img/DEFINE2-1582.webp") type("image/webp") 2x,
      url("img/DEFINE2-1024.jpg") type("image/jpeg") 1x,
      url("img/DEFINE2-1582.jpg") type("image/jpeg") 2x
    );
  }
} }
@media (max-width: 768px) { #parallax_2 { background-image: url("img/DEFINE2-640.jpg"); } }
@media (max-width: 768px) { @supports (background-image: image-set(url("img/DEFINE2-640.webp") type("image/webp") 1x)) {
  #parallax_2 {
    background-image: image-set(
      url("img/DEFINE2-640.webp") type("image/webp") 1x,
      url("img/DEFINE2-1024.webp") type("image/webp") 2x,
      url("img/DEFINE2-640.jpg") type("image/jpeg") 1x,
      url("img/DEFINE2-1024.jpg") type("image/jpeg") 2x
    );
  }
} }

@media (max-width: 1023px) { #parallax_5 { background-image: url("img/TEST2-1024.jpg"); } }
@media (max-width: 1023px) { @supports (background-image: image-set(url("img/TEST2-1024.webp") type("image/webp") 1x)) {
  #parallax_5 {
    background-image: image-set(
      url("img/TEST2-1024.webp") type("image/webp") 1x,
      url("img/TEST2-1600.webp") type("image/webp") 2x,
      url("img/TEST2-1024.jpg") type("image/jpeg") 1x,
      url("img/TEST2-1600.jpg") type("image/jpeg") 2x
    );
  }
} }
@media (max-width: 784px) { #parallax_5 { background-image: url("img/TEST3-640.jpg"); } }
@media (max-width: 784px) { @supports (background-image: image-set(url("img/TEST3-640.webp") type("image/webp") 1x)) {
  #parallax_5 {
    background-image: image-set(
      url("img/TEST3-640.webp") type("image/webp") 1x,
      url("img/TEST3-1024.webp") type("image/webp") 2x,
      url("img/TEST3-640.jpg") type("image/jpeg") 1x,
      url("img/TEST3-1024.jpg") type("image/jpeg") 2x
    );
  }
} }