@media only screen {  }

@media only screen and (max-width: 40em) {



	h1 {  font-size: 3rem; line-height: 3.5rem; margin-bottom: 2rem;  }
	h2 {  font-size: 2.5rem; line-height: 3rem; margin-bottom: 2rem;  }
	h3 {  font-size: 2rem;  line-height: 2.5rem; margin-bottom: 1.5rem;;  }
	h4 {  font-size: 1.25rem; line-height: 1.75rem; margin-bottom: 1rem;  }
	h5 {  font-size: 1rem; line-height: 1.5rem; margin-bottom: 1rem;  }
	h6 {  font-size: 1rem; line-height: 1.5rem; margin-bottom: 1rem;  }

	.image {  opacity: 1 !important;  position: relative !important;  margin-bottom: 60px; padding: 0 15px 15px !important   }
	section.bh.large-video {  height: auto !important;  min-height: auto !important }
	section.story .story-section {  padding: 50px 15px;  }
	#sect-2 .section-content {  padding: 50px 15px 100px }
	#share_now {  display: none  }

	section.ms .title-content h1,
	section.ms .title-content h2 { font-size: 2.75rem; line-height: 3rem; font-weight: 700}


}

@media only screen and (max-width: 64em) {

	section.bh {  min-height: 100vh;  height: 100vh }
	.large-video .video-title,.player_title {  bottom: 0;  padding: 10px;  font-size: 16px;  line-height: 18px;  }
	.image-title {  position: relative;  bottom: 0;  background-color: rgba(0, 0, 0, 1);  padding: 10px 15px;  width: 100% !important;  display: block;  font-size: 18px;  line-height: 23px;  }
	.player_title {  position: relative;  bottom: auto;  margin-right: 0;  font-size: 18px;  line-height: 23px;  }
	/* .image {  opacity: 1;  padding-right: 0;  } */
	.img-sec {  position: relative;  padding-bottom: 56.25%;  padding-top: 0;  height: 0;  overflow: hidden; background-repeat: no-repeat; background-position: center 30px; background-size: contain; max-height: 100vh  }
	.img-sec iframe, .img-sec object, .img-sec embed {  position: absolute;  top: 30px;  left: 0;  width: 100%;  height: 100%;  }


	[data-magellan-expedition] dt a, [data-magellan-expedition-clone] dt a { padding-left:10px; padding-right: 10px}

}

@media only screen and (min-width: 40.063em) {
.sub-nav dt, .sub-nav dd, .sub-nav li { font-size:12px !important }
}

@media only screen and (min-width: 40.063em) and (max-width: 64em) {



 }

@media only screen and (min-width: 64.063em) {

	.image {  opacity: 0;  }
	.img-sec {  position: relative;  height: 0;  overflow: hidden; background-repeat: no-repeat; background-position: center center; background-size: cover; max-height: 100vh  }
	.img-sec iframe, .img-sec object, .img-sec embed {  position: absolute;  top: 30px;  left: 0;  width: 100%;  height: 100%;  }

}

@media only screen and (min-width: 64.063em) and (max-width: 90em) {  }
@media only screen and (min-width: 90.063em) {  }
@media only screen and (min-width: 90.063em) and (max-width: 120em) {  }
@media only screen and (min-width: 120.063em) {  }
@media screen and (max-width: 782px) {  }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {  }