.fancybox-content {
  width: 50%;
  max-height: 90%;
  border-radius: 20px; }

#main .subwave .text h2, #main .component .text h2 {
  font-weight: normal; }

#main .component {
  max-height: 550px; }
  #main .component .text {
    padding: 40px 30px; }
    #main .component .text .small {
      font-size: 12px; }

#message .bg, #gas-cylinder .bg {
  height: 550px; }

#nav .nav-type a.active h3, #nav .nav-type a.active h4, #nav .nav-type h3, #nav .nav-type h4, #safe .subintro h2, #training .subintro h2, #ecosystem .bg h3 {
  text-transform: uppercase; }

#safe .intro .container h2, #safe .subintro h2, #inreach .container .text h2, #training .intro .container h2, #training .intro .container h2, #training .subintro .vo2 .text h2, #training .subintro h2, #mode .text h2 {
  font-weight: normal; }

#training .subintro .container {
  padding: 50px 0;
  z-index: 15; }

#training .intro .container .rate-warning {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
  left: 10%;
  margin-top: 5vh; }

#training .intro .container .time-warning {
  margin-top: 60vh; }

#ecosystem h3 {
  text-align: center; }

#ecosystem .product .diveapp p {
  top: 125px; }

#ecosystem .product .inreach p {
  top: 160px; }

#ecosystem .product .descentt2 p {
  top: 35px; }

#ecosystem .product .connectapp p {
  top: 320px;
  left: 185px;
  width: 50%; }

#series .container li {
  width: calc(100% / 5 - 50px); }

#series .container {
  width: 1350px !important; }

@media (max-width: 1680px) {
  #training .intro {
    min-height: 230vh; }
  #training .intro .container {
    min-height: 1800px; }
  #training .intro .container .time-warning {
    margin-top: 50vh; }
  #ecosystem {
    height: 950px; }
  #ecosystem .product .diveapp p {
    top: 140px; }
  #ecosystem .product .inreach p {
    top: 170px; }
  #ecosystem .product .descentt2 p {
    top: 35px;
    left: 19px; }
  #ecosystem .product .connectapp p {
    top: 305px;
    left: 185px;
    width: 50%; } }

@media (max-width: 1512px) {
  #training .intro {
    min-height: 230vh; } }

@media (max-width: 1440px) {
  #hero h1 {
    top: 53%; }
  #ecosystem h3 {
    top: 87%; }
  #main .component {
    width: 1100px;
    max-height: 500px; }
    #main .component .text p {
      line-height: 1.6 !important; }
  #main:after {
    height: 100vw; }
  #message .bg, #gas-cylinder .bg {
    height: 500px; }
  #message {
    width: 1100px;
    margin-left: 80px; }
  #main .component .text img {
    max-width: 200px; }
  #training .intro .container {
    min-height: 1700px; }
  #training .subintro .vo2 .text p {
    color: #000;
    width: 90%; }
  #inreach .container .text {
    padding: 30px; }
  #inreach .container .bg {
    height: 105vh; }
  #ecosystem .product .diveapp p {
    top: 70px; }
  #ecosystem .product .connectapp p {
    top: 250px;
    left: 150px;
    width: 50%; }
  #ecosystem .product .inreach p {
    top: 110px;
    left: 265px; }
  #ecosystem .product .descentt2 p {
    top: 20px;
    left: 10px; } }

@media (max-width: 1368px) {
  #training .subintro .training-readiness .bg img {
    top: 26vw; }
  #ecosystem .product .connectapp p {
    top: 250px;
    left: 150px; }
  #ecosystem .product .descentt2 p {
    top: 20px;
    width: 40%;
    left: 0px; }
  #ecosystem .product .inreach p {
    top: 115px; }
  #series .container {
    width: 1170px !important; } }

@media (max-width: 1280px) {
  #main .component {
    width: 990px; }
    #main .component .text p {
      font-size: 15px; }
    #main .component .text h2 {
      font-size: 32px;
      text-align: center; }
  #training .intro .container .free p {
    width: 80%; }
  #training .subintro .training-readiness .bg img {
    top: 33vw; } }

@media (max-width: 1024px) {
  #main .component {
    width: 90%; }
  #main .component .text h2 {
    font-size: 30px; }
  #safe .intro .container .title, #training .intro .container .title {
    width: 90%;
    margin: 0 auto; }
  #safe .intro .container .dive-readiness {
    top: 10%; }
  #training .intro .container .time-warning {
    margin-top: 37vw; }
  #training .intro .container .time-warning .text {
    width: 35%; }
  #training .intro {
    min-height: 140vh; }
    #training .intro .bg {
      min-height: 2500px; }
  #safe .intro .container .title, #training .intro .container .title {
    margin: 0 auto 30px auto; }
  #training .subintro .more-info h2, #safe .subintro .more-info h2 {
    width: 90%;
    margin: 0 auto 30px auto;
    text-align: center;
    line-height: 1.4 !important; }
  #ecosystem .product .diveapp p {
    top: 40px;
    left: 230px; }
  #ecosystem .product .connectapp p {
    top: 245px;
    left: 141px;
    width: 140px; }
  #ecosystem .product .inreach p {
    top: 85px;
    left: 225px; }
  #ecosystem .product .descentt2 p {
    top: 0px;
    width: 40%;
    left: -10px; }
  #inreach .container .text {
    padding: 0; }
  #ecosystem .container {
    height: 750px; }
  #series .container {
    width: 100% !important; } }

@media (max-width: 820px) {
  #main:after {
    height: 330vw; }
  #main .component {
    width: 90%; }
  #main .component {
    max-height: 900px; }
  #training .intro .container .time-warning {
    margin-top: 47vw; }
  #inreach .container .text {
    width: 100%; }
  #inreach .height-vh {
    height: 100vh; }
  #ecosystem {
    height: 170vh; }
  #ecosystem .product .connectapp p {
    top: 50%;
    left: 77%;
    width: 30%; }
  #ecosystem .product .diveapp p {
    top: 53%;
    left: 75%; }
  #ecosystem .product .inreach p {
    top: 54%; }
  #ecosystem .product .descentt2 p {
    top: 50%;
    width: 40%;
    left: 28%; }
  #series .container li h3 {
    font-size: 18px;
    margin-bottom: 0; }
  #series .container ol {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start; }
  #series .container li p, #bands .container li p {
    font-size: 11px; } }

@media (max-width: 768px) {
  #main .subwave .text p {
    width: 65%; }
  #main .subwave .text {
    margin-bottom: -20px; }
  #main .subwave .text .link a {
    font-size: 14px !important; }
  #training .subintro .more-info h2, #safe .subintro h2 {
    padding: 0 2rem 10px 2rem;
    line-height: 1.2 !important; }
  #training .subintro .training-readiness .bg img {
    top: 53vw; }
  #ecosystem .bg h3 {
    text-transform: uppercase;
    text-align: center; }
  #ecosystem .product .diveapp p {
    top: 160px; }
  #ecosystem .product .connectapp p {
    top: 165px;
    left: 580px;
    width: 35%; }
  #ecosystem .product .inreach p {
    top: 165px;
    left: 185px;
    width: 35%; }
  #safe .intro .container .dive-readiness {
    top: 10%; }
  #safe .intro .container .title {
    font-size: 36px; }
  #safe .subintro .container div {
    margin: 40px 0; }
  #inreach .container .text {
    padding: 30px 10px;
    width: 90%; }
  #series .container li h3 {
    font-size: 16px;
    margin-bottom: 0; } }

@media (max-width: 599px) {
  #main .subwave .text p {
    width: 90%; }
  #main .subwave .text .link a {
    width: 80%; }
  #main .container .text {
    margin: 0 auto;
    padding: 30px 0;
    width: 90%; }
    #main .container .text h2 {
      font-size: 24px;
      width: 80%;
      margin: 0 auto; }
    #main .container .text p {
      font-size: 14px;
      width: 80%;
      margin: 10px auto; }
    #main .container .text .link {
      width: 100%;
      margin: 0 auto;
      text-align: center; }
  #main .height-vh {
    max-height: 180vw; }
  #main:after {
    height: 500vw; }
  #safe .intro .container .title {
    font-size: 32px;
    width: 90%;
    margin: 0 auto; }
  #training .subintro .more-info h2, #safe .subintro .more-info h2 {
    width: 80%;
    margin: 0 auto; }
  #training .intro {
    min-height: 450vw; }
  #training .intro .container .rate-warning {
    left: auto;
    margin-top: 12vh; }
    #training .intro .container .rate-warning .text {
      text-align: center;
      width: 80%;
      margin-top: 110vw; }
    #training .intro .container .rate-warning img {
      margin-bottom: 20px;
      margin-right: auto;
      margin-left: auto; }
  #training .intro .container .time-warning {
    margin-top: 20vw; }
    #training .intro .container .time-warning .text {
      left: auto;
      margin-top: 120%;
      width: 80%;
      text-align: center; }
    #training .intro .container .time-warning img {
      top: 30px; }
  #inreach .height-vh {
    height: 220vw;
    max-height: 220vw; }
  #ecosystem {
    height: 300vw; }
    #ecosystem .product .diveapp p {
      width: 32%;
      top: 50%;
      left: 78%; }
    #ecosystem .product .inreach p {
      width: 30%;
      top: 53%;
      left: 22%; }
    #ecosystem .product .connectapp p {
      width: 35%;
      top: 55%;
      left: 77%; }
    #ecosystem .product .descentt2 p {
      width: 30%;
      left: 25%; }
    #ecosystem .bg h3 {
      margin-top: 0; }
  #safe .intro .container .cns .text {
    top: 40%;
    right: 10%; }
  #inreach .container .bg {
    max-height: 300px; }
  #training .intro .container .time-warning {
    margin-top: 30px; }
  #questions .container h3 {
    width: 270px; }
  .animated-modal .text h2 {
    text-align: center; }
  #series .container ol {
    width: 200%; }
  #series .container li {
    padding: 0;
    width: 100%; }
    #series .container li a {
      width: 70%; }
    #series .container li h3 {
      font-size: 14px; }
    #series .container li p {
      height: 35px; }
  #bands .container {
    padding: 60px 0; }
  #bands .container li img {
    max-width: 190px; } }

@media (max-width: 390px) {
  #main:after {
    height: 475vw; }
  #message .bg, #gas-cylinder .bg {
    height: 240px; }
  #main .container .text {
    padding: 2rem 1.5rem; }
  #inreach .height-vh {
    height: 240vw;
    max-height: 240vw; }
  #ecosystem .product div p {
    font-size: 14px; }
  #series .container li a {
    width: 90%; }
  #training .intro {
    min-height: 490vw; }
    #training .intro .container {
      max-height: 620vw; }
    #training .intro .container .time-warning .text {
      left: 11%;
      margin-top: 130%; }
    #training .intro .container .rate-warning {
      margin-top: 30vw; } }

@media (max-width: 375px) {
  #training .intro {
    min-height: 490vw; } }

@media (max-width: 360px) {
  #training .intro {
    min-height: 490vw; }
  #training .intro .container .people img {
    top: 110%; }
  #training .intro .container .rate-warning {
    left: auto;
    margin-top: 15vh; }
  #inreach .height-vh {
    height: 260vw;
    max-height: 260vw; }
  #series .container li a {
    width: 100%; }
  #series .container .two-link a p, #bands .container .two-link a p {
    font-size: 14px; }
  #series .container li a {
    width: 50%;
    font-size: 10px !important; }
  #ecosystem {
    height: 310vw; }
  #questions .container h3 {
    width: 230px; }
  .fancybox-can-swipe .fancybox-content {
    height: 95%;
    min-height: 400px;
    max-height: 700px; }
  #inreach .container .text a {
    font-size: 14px !important;
    max-width: 250px; }
  #bands .container li {
    width: 30%; } }

@media (max-width: 320px) {
  #main:after {
    height: 610vw; }
  #main .subwave .text .link a {
    font-size: 13px !important;
    width: 92%; }
  #safe .intro .container .n2 {
    margin-top: 20vh; }
  #safe .intro .container .title, #training .intro .container .title {
    font-size: 26px; }
  #training .intro .container {
    min-height: 1600px; }
  #training .intro .container .depth-warning {
    margin-top: 110%; }
  #training .subintro .training-readiness {
    min-height: 500px;
    padding-bottom: 0px; }
  #training .subintro .vo2 {
    height: 220vw; }
  #training .subintro .vo2 img {
    max-width: 160px;
    margin-top: 75%; }
  #ecosystem .bg h3 {
    margin-top: -10px; }
  #series .container li a {
    width: 100%;
    padding: 10px !important;
    max-width: 60px; }
  .animated-modal .content .text {
    padding: 15px 30px; } }