@charset "utf-8";


/* --------Larger than Desktop HD-------------------------------- */
@media (min-width: 1200px) {
	.hero-nopic .centered {
		top: 200px;
	}
	.text.flex2.tse-blue {
		flex: 3;
	}
}

@media screen and (max-width: 1155px) {
	.text.flex2.tse-blue,
	.text.flex2.cta-green {
		flex: 3;
	}
}

/* --------ipad-------------------------------------------------- */

@media screen and (max-width: 1024px) and (min-width: 1024px) {
	blockquote {
		padding: 1em 7em 2.5em 7em;
	}
	blockquote h5 {
		font-size: 22px;
	}
	#about h5 {
		margin-top: 16px;
	}
}

/* --------Smartphone Galaxy Landscape 740px by 360px------------ */

@media screen and (max-width: 1023px) and (min-width: 667px) {
	blockquote {
		padding: 1em 7em 1.8em 7em;
	}
	blockquote h5 {
		font-size: 19px;
	}
}


/* -------------------------------------------------------------- */

@media (max-width: 960px) {
	#projects .pad-20 {
		padding: 0 20px !important;
	}
}
@media screen and (min-width: 960px) {
	.multiple-col {
	  -webkit-column-count: 2; /* Chrome, Safari, Opera */
	  -moz-column-count: 2; /* Firefox */
	  column-count: 2;
	  -webkit-column-gap: 80px; /* Chrome, Safari, Opera */
	  -moz-column-gap: 80px; /* Firefox */
	  column-gap: 80px;
	}
	#news-media h1.seperator { line-height: 7.5rem; }
}


@media screen and (max-width: 935px) {
	.text.flex2.tse-blue {
		flex: 4;
	}
}


/* -------------------------------------------------------------- */

@media (max-width: 898px) {
	#projects .three-col.notch-container,
	#projects .mplus-margin.three-col.notch-container {
		flex-direction: column;
		height: auto;
		flex: wrap;
	}
	#projects .first.columns.white-bg::after {
		border: none;
		right: inherit;
		top: inherit;
		z-Index: auto;
	}
	#projects .notched-image img.object-fit-fill,
	.notched-image img.object-fit-fill,
	#projects.notched-image img.object-fit-fill,
	#subs .image img {
		-webkit-clip-path: none;
		clip-path: none;
	}
	#projects .three-col > div {
		height: auto;
	}
	#projects .notch-container .child {
		display: inherit;
		flex-direction:row;
	}
	#projects .child h4.underline {
		margin-bottom: 2.5rem;
	}
	#projects button.lt-btn {
		margin-bottom: 3rem;
	}
	#projects .third.columns p {
		padding-top: 2rem;
	}
}


@media (max-width: 898px) {
	
	#home .cta {
		max-height: none !important;
	}
}

/* ---------Pixel 2 XL landscape------------------------------------- */
@media (max-width: 823px) and (orientation: landscape) {
	.hero picture img.object-fit-fill {
		height: 411px;
	}
	.hero .centered {
		top: 61%;
	}
	.sub-row.tse-row .flex-container .text, 
	.sub-row.tse-row .flex-container .reverse-flex-container .text {
		flex: 4;
	}
	.text.flex2.tse-blue {
		padding: 20px;
	}
}

@media (max-width: 820px) {
	#home .cta .three.columns {
		width: 48%;
	}
	#home .cta .nine.columns {
		width: 52%;
	}
	#home .cta {
		background: linear-gradient(to right, rgba(18,44,80,1) 48%,rgba(18,44,80,0.89) 53%,rgba(19,46,82,0.25) 56%,rgba(125,185,232,0) 100%), url("../images/home/titanic-scanning-render.jpg") no-repeat;
		background-size: cover;
		background-position: right;
	}
}


/* -------------------------------------------------------------- */

@media screen and (max-width: 880px){
	.row-w-sidebar,
	.flex-row {
		flex-direction: column;
	}
	.row-w-sidebar aside.four.columns.sidebar,
	.row-w-sidebar .row.eight.columns {
		width: 100% !important;
	}
	.notched-image img.object-fit-fill {
		clip-path: none;
	}
}

/* -------------------------------------------------------------- */

@media screen and (max-width: 880px) and (min-height: 565px) {
	#timeline img.object-fit-fill,
	#timeline .flex-container { height: 250px; }
}


/* ----------iphoneX 812x375 landscape--------------------------- */

@media screen and (max-width: 812px) and (orientation: landscape) {
	h2.align-center.no-top-margin.lc.bold {
		font-size: 3.9rem;
	}
	blockquote {
		padding: 1em 3em 1.8em 3em;
	}
	.hero picture img.object-fit-fill {
		height: 375px;
	}
	.hero .centered {
		top: 60%;
	}
	.hero-nopic .centered {
		top: 55%;
	}
	.nGY2 .nGY2GThumbnailLabel {
		top: 200px !important;
	}
	.sub-row.tse-row h2.text-white.text-center {
		margin-top: 0;
	}
	.text.flex2.tse-blue {
		padding-top: 0;
	}
	.text.flex2.cta-green p {
		padding-left: 1rem;
		padding-right: 1rem;
	}
	.text.flex2.tse-blue h2,
	.text.flex2.tse-blue h4 {
		padding-left: 1rem;
		padding-right: 1rem;
	}
	.text.flex2.tse-blue h4 {
		padding-top: 0;
		padding-bottom: 5px;
	}
	.text.flex2.tse-blue p {
		padding: 0 0.25rem;
		font-size: 1.65rem;
		line-height: 2.5rem;
		margin-top: 0;
		margin-bottom: 0;
	}
}


/* -------------------------------------------------------------- */

@media (max-width: 800px) {
	.breadcrumb ul {
		display: none;
	}
}

/* ----------kindle fire and ipad portrait---------------------- */

@media screen and (max-width: 800px) and (min-width: 770px) {
	section.hero.u-full-width.object-fit-fill {
		max-height: 260px;
	}
}

/* ----------desktop-------------------------------------------- */

@media screen and (min-width: 769px) {
	section.hero.u-full-width .object-fit-fill {
		max-height: 1080px;
		object-position: center center;	
	}
}

/* ---------/* ipad portrait ------------------------------------- */

@media screen and (max-width: 768px) and (min-width: 442px) { 
	section.hero.u-full-width .object-fit-fill {
		max-height: 432px;
		object-position: center top;	
	}
	blockquote {
		padding: 1em 2.75em 1.8em 2.75em;
	}
	blockquote h5 {
		font-size: 19px;
	}
	#home .cta .three.columns {
		width: 60%;
		padding-left: 2rem;
		padding-right: 2rem;
	}
	#home .cta h3 {
		font-size: 2.6rem;
		margin-top: 0;
	}
	.note h3 {
		font-size: 2.32rem;
		margin-bottom: 1rem;
	}
	.note h4 {
		font-size: 2rem;
	}
	.notch-container {
		height: 290px;
	}
	
	div.notch-container .seven.columns,
	.five.columns.white-arrow-right {
		width: 100%;
		float: left;
		clear: both;
	}

	.notch-container .seven.columns.left-arrow::before,
	.notch-container .seven.columns::before {
		border: none;
	}
	
	.notch-container .child {
		width: 100%;
		margin: 0;
		left: 0;
		top: 0;
		height: auto;
		padding-top: 30px;
	}
	
	.three-col.notch-container,
	.mplus-margin.three-col.notch-container {
		flex-direction: column;
		height: auto;
		flex: wrap;
	}
	#subs .flex-container .object-fit-fill {
		object-fit: contain;
	}
	
	#subs .flex-container .image {
		margin-bottom: 0;
	}
	
	#subs .image img {
		clip-path: none;
	}
	
	#subs .flex-container {
		height: auto;
	}
	
	#subs .text {
		padding: 1.5rem 3rem;
		width: auto;
	}
	
	#our-subs .object-fit-fill {
		width: 100%;
		height: auto;
	}
	#subs .flex-container {
		padding-bottom: 3rem;
	}
	.text.flex2.cta-green h2,
	h2.text-white.text-center {
		font-size: 2.7rem;
		line-height: 3.8rem;
	}
	.sub-row.tse-row .flex-container .text {
		flex: 3;
	}
	.sub-row.tse-row h4 {
		font-size: 2.1rem;
	}
	.sub-row.tse-row h2 {
		padding: 0 20px;
	}
}

/* -------------------------------------------------------------- */

@media screen and (max-width: 768px) {
	#subs .flex-container {
		flex-direction: column;
		height: auto;
	}
	#subs .flex-container .image {
		width: 100%;
		margin-bottom: 1.5rem;
	}
	#subs .flex-container .object-fit-fill {
		object-fit: cover;
	}
		h1.seperator {
		font-size: 3.8em;
	}
		.container.content-w-sidebar {
		display: block;
	}
	.content-w-sidebar .three.columns,
	.content-w-sidebar .nine.columns {
		width: 100%;
	}
	.row-w-sidebar aside.four.columns.sidebar,
	.row-w-sidebar .row.eight.columns {
		width: 100% !important;
	}
	
}

@media screen and (max-width: 768px) and (orientation: portrait) {
	.hero .centered {
		top: 60%;
	}
}

/* -------------------------------------------------------------- */

@media only screen and (max-width: 746px) {
	ul#timeline-menu {
		flex-wrap: wrap;
		justify-content: flex-start;
	}
	#timeline-menu li {
		padding-left: 15px;
	}
	ul#timeline-menu li:first-child {
		padding-left: 15px;
	}
}


/* --------iphone 6/7/8 736x414 landscape------------------------ */

@media only screen and (max-width: 736px) and (orientation: landscape) {
	.sub-row img.object-fit-fill {
		height: 320px;
	}
	#join-titanic h2, 
	#join-titanic h3, 
	.text-overlay h2 {
		font-size: 3.05rem;
	}
	h2.align-center.no-top-margin.lc.bold {
		font-size: 3.9rem;
	}
	blockquote {
		padding: 1em 3em 1.8em 3em;
	}
	.hero picture img.object-fit-fill {
		height: 414px;
	}
	.hero .centered {
		top: 60%;
	}
	.hero-nopic .centered {
		top: 55%;
	}
	.nGY2 .nGY2GThumbnailLabel {
		top: 200px !important;
	}
	blockquote {
		padding: 1em 2em;
	}
	h3.section-title {
		font-size: 2.1rem;
	}
	.text.flex2.cta-green h2, h2.text-white.text-center {
		font-size: 2.6rem;
	}
}


@media only screen and (max-width: 667px) and (orientation: landscape) {
	.sub-row img.object-fit-fill {
		height: 320px;
	}
	#join-titanic h2, 
	#join-titanic h3, 
	.text-overlay h2 {
		font-size: 3.05rem;
	}
	h2.align-center.no-top-margin.lc.bold {
		font-size: 3.7rem;
	}
	blockquote {
		padding: 1em 3em 1.8em 3em;
	}
	.hero picture img.object-fit-fill {
		height: 375px;
	}
	.hero .centered {
		top: 60%;
	}
	.hero-nopic .centered {
		top: 55%;
	}
	.nGY2 .nGY2GThumbnailLabel {
		top: 200px !important;
	}
	.sub-row .flex-container h4.underline {
		max-width: 180px;
	}
	.cta-textblock {
		max-width: 65%;
	}
	.page-title h2 {
		font-size: 4.25rem;
	}
	.text.flex2.cta-green h2, 
	h2.text-white.text-center {
		font-size: 2.3rem;
		line-height: 3.3rem;
	}
}

@media screen and (max-width: 735px) and (min-width: 731px) {
	#home blockquote {
		padding: 1em 2.75em;
	}
	.text.flex2.cta-green h2, h2.text-white.text-center {
		font-size: 2.6rem;
	}
}


/* -------------------------------------------------------------- */

@media screen and (max-width: 666px) and (min-width: 551px) {
	blockquote h5 {
		font-size: 19px;
	}
}

/* -------------------------------------------------------------- */

@media screen and (max-width: 660px) {
	.flex-list {
		flex-direction: column;
	}
	.flex-row .list-item {
		width: 100%;
		margin-bottom: 3rem;
	}
	.flex-row iframe {
		height: 250px;
	}
	li.list-item.last {
		margin-left: 0;
	}
	.breadcrumbs {
		display: none;
	}
	.blog-post .centered {
		top: 25%;
	}
}


/* --------galaxy s5 640x360 landscape------------------------ */
@media only screen and (max-width: 640px) and (orientation: landscape) {
	.sub-row.tse-row h2 {
		font-size: 2.2rem;
		line-height: 3rem;
	}
	.sub-row.tse-row h4 {
		font-size: 1.9rem;
		
	}
}

@media only screen and (max-width: 640px) {
	.page-title h2 {
		font-size: 4.25rem;
	}
	h2.align-center.no-top-margin.lc.bold {
		font-size: 3.5rem;
		line-height: 5.5rem;
	}
	.cta-textblock {
		max-width: 65%;
	}
	.sub-row .flex-container h4.underline {
		max-width: 180px;
	}
	.footer-nav.desktop {
		display: none;
	}
	ul.footer-nav {
		flex-wrap: wrap;
		padding: 0 8.35% 4% 8.35%;
	}
	ul.footer-nav li {
		margin-bottom: 0;
		letter-spacing: 0.02em;
	}
	#join-titanic,
	#join-shark {
		height: 360px;
	}
	.bread-container {
		top: 135px;
	}
	#timeline .flex4 {
		flex: 2;
	}
}

@media (max-width: 568px) and (min-width: 502px) and (orientation: landscape) {
	.flex-container, 
	.reverse-flex-container,
	.sub-row img.object-fit-fill {
		height: 300px;
	}
	.sub-row.tse-row p {
		font-size: 1.55rem;
		line-height: 2.5rem;
	}
	.sub-row.tse-row h2 {
		font-size: 1.9rem;
	}
	h2.align-center.no-top-margin.lc.bold {
		font-size: 3.1rem;
		line-height: 5.1rem;
	}
	.sub-row.tse-row h4 {
		font-size: 1.7rem;
	}
	h1.seperator {
		font-size: 5.8rem;
	}
	.page-title h2 {
		font-size: 3.9rem;
		margin-top: 1rem;
	}
	section.hero.u-full-width .object-fit-fill,
	.hero picture img.object-fit-fill {
		height: 320px;
	}
	.hero .centered {
		top: 67%;
	}
}

@media (min-width: 501px) {
	#cta-btns button {
		font-size: 1.5rem;
	}
	#cta-btns button.btn1 {
		margin-right: 1rem;
	}
	#cta-btns button.btn2 {
		margin-left: 1rem;
	}
	#what-we-do .sub-row .flex-container {
		display: block;
	}
	#what-we-do .sub-row .flex-container .text.flex2 button.read-more {
		margin-bottom: 2rem;
	}
	#what-we-do .sub-row .flex-container h4.underline {
		max-width: 90%;
		padding-top: 3rem;
	}
	#what-we-do .sub-row .flex-container {
		height: 500px;
	}
	#what-we-do .image.flex4::before {
		border: none;
	}
}

/* -------------------------------------------------------------- */

@media (min-width:50px) and (max-width:500px) {
	.breadcrumb {
		display: none;
	}
}

/* -------------------------------------------------------------- */

@media only screen and (max-width: 500px){
	
	h1 { 
		font-size: 2.8rem;
		line-height: 3.6rem;
	}	
	h1.seperator {
		padding-top: 1rem;
		font-size: 5rem;
	}	
	#news-media h1.seperator { 
		line-height: 5.8rem; 
	}
	.hero-nopic h1.seperator {
		padding-top: 0;
		margin-top: 0;
	}
	
	h2 { 
		font-size: 2.6rem; 
	}	
	blockquote h2 {
		font-size: 2.5rem;
		line-height: 1.5em;
		margin-top: 0;
		padding-top: 0;
	}	
	blockquote h2::after {
		width: auto;
		margin-top: 12px;
	}	
	.page-title h2 {
		font-size: 4rem;
		line-height: 4.5rem;
		margin-top: 0;
		margin-bottom: 1rem;
	}
	.partner-page-title {
		padding-top: 0;
	}
	#join-titanic h2 {
		line-height: 3.75rem;
		margin-top: 0;
	}

	h3 { 
		font-size: 1.95rem; 
		line-height: 24px;
		padding-top: 26px;
		padding-bottom: 0;			
	}	
	h3.section-title {
		font-size: 1.95rem;
		margin-bottom: 2.5rem;
		margin-top: 0;
	}		
	h3.align-left.no-top-margin.lc.bold {
		line-height: 3.2rem; 
		padding-top: 0; 
		margin-bottom: 0; 
		padding-bottom: 0;
	}	
	h3.align-left.no-top-margin:first-of-type,
	h3.section-title.align-left:first-of-type {
		padding-top: 0;
	}
	.note h3 {
		line-height: 3.2rem; 
		padding-top: 0; 
		margin-top: 0; 
	}
	.cta h3 {
		padding-top: 24px;
		word-spacing: 3px;
	}	
	#what-we-do h3.section-title {
		font-size: 1.95rem;
		line-height: 2.5rem;
	}

	h4 { 
		font-size: 1.85rem; 
		line-height: 2.6rem;
	}	
	.notch-container h4 {
		padding: 0 10px 0 10px;
		line-height: 1.4em;
	}
	
	h5 { 
		font-size: 1.8rem; 
	}	
	blockquote h5  {
		font-size: 17px;
		line-height: 1.6em;
		padding-left: 20px;
		padding-right: 20px;
		padding: 1.4rem;
	}	
	h5.table-box {
		margin-left: 0;
		margin-right: 0;
		padding-left: 0;
		padding-right: 0;
	}
	blockquote.inline-quote h5 {
		font-size: 1.95rem;
		padding-left: .8rem;
		padding-right: .8rem;
	}
	.inline-quote q {
		line-height: 3rem;
	}
	#what-we-do blockquote h5 {
		padding: 1.4rem .5rem;
	}	
	#our-subs h5.section-title {
		padding-top: 9px;
		padding-bottom: 9px;
	}
		
	h6 { 
		font-size: 1.7rem; 
	}
	
	.timeline-main p {
		margin-bottom: 10px;
	}
	.copyright p {
		font-size: 11px;
		line-height: 18px;
		padding: 10px 35px 0 35px;
	}	
	#projects .third.columns p {
		text-align: center;
	}
	
	/* Nav Mobile Styles --------------------------------------------------------- */

	#cssmenu #menu-button {
		display: block;
	}	
	#cssmenu li.nav-col.brand img:hover {
		-webkit-transform: none;
		-o-transform: none;
		transform: none;
	}
	
	#menu-button nav {
		text-align: left;
	}
	.breadcrumbs li {
		font-size: 12px;
	}	
	.breadcrumbs li:first-child {
		padding-left: 18px;
	}
	.bread-container {
		top: 125px;
	}

	/* Hero Block Mobile Styles --------------------------------------------------------- */

	.hero-nopic {
		margin-bottom: 25px;
	}
	
	.hero-nopic .centered {
		top: 196px;
	}
	
	.hero picture .object-fit-fill {
		height: 415px;
		max-height: 415px;
	}

	/* Image Mobile Styles --------------------------------------------------------- */

	figure.float-right {
		width: 100%;
		min-width: inherit;
		max-width: inherit;
	}
	
	.titan-dive-bks.object-fit-fill {
		display: none;
	}
	
	/* News Signup Mobile Styles --------------------------------------------------------- */
	
	.news-signup {
		padding: 20px 0 35px 0;
	}
	
	button.signup-btn {
		margin: 0 auto;
		display: block;
		margin-top: 1rem;
	}
	
	
	/* Footer Mobile Styles --------------------------------------------------------- */
	
	ul.footer-nav {
		flex-wrap: wrap;
		padding: 0 12% 4% 12%;
	}
	ul.footer-nav li {
		margin-bottom: 0;
		letter-spacing: 0.02em;
	}
	ul.social-media {
		max-width: 70%;
	}
	.social-media img {
		max-width: 32px;
	}
	.social-media img:hover {
		transform: none;
		transition: none;
		max-width: 32px;
	}
	.footer-nav.desktop {
		display: none;
	}
	.footer-nav.mobile {
		display:inherit;
	}
	.footer-nav.mobile {
		margin: 0 3% 1.5rem 3%;
	}
	.footer-nav.mobile .six.columns {
		width: 45% !important;
	}
	.footer-nav.mobile .six.columns.right {
		margin-left: 4%;
	}
	.footer-nav.mobile li {
		text-align: center;
		font-size: 1.3rem;
		line-height: 1.5rem;
		display: block;
	}
	.footer-nav.mobile ul,
	ul.social-media {
		padding-left: 0 !important;
	}
	
	/* Global Mobile Styles --------------------------------------------------------- */	
	
	.desktop {
	 	display: none;
	}

	.mobile {
	 	display: block;
	}
	
	.note {
		margin-top: 5rem;
		padding: 2.5rem;
	}
	
	.line-seperator hr {
		width: 90%;
	}
	
	.btn-wrapper {
		display:block;
		min-height: 88px;
	}
	
	.sidebar button {
		width: 100%;
	}
	
	#projects .pad-20 {
		padding: 0 !important;
	}	
	#projects img.object-fit-fill {
		height: auto;
	}
	#projects .notch-container .child {
		padding-top: 0;
	}
	
	.mobile-titan-dive-bks {
		display: block;
	}
	
	/* container mobile styles*/
	
	.container {
		padding: 0 25px;
	}
	
	.container-row {
		padding: 20px;
	}
	
	#board .container-row hr {
		margin-top: 2rem;
	}
	
	.container.content-w-sidebar {
		display: block;
	}
	
	.content-w-sidebar .three.columns,
	.content-w-sidebar .nine.columns {
		width: 100%;
	}
	
	.row-w-sidebar aside.four.columns.sidebar,
	.row-w-sidebar .row.eight.columns {
		width: 100%;
	}	
	
	.notch-container {
		height: 290px;
	}
	
	div.notch-container .seven.columns,
	.five.columns.white-arrow-right {
		width: 100%;
		float: left;
		clear: both;
	}

	.notch-container .seven.columns.left-arrow::before,
	.notch-container .seven.columns::before {
		border: none;
	}
	
	.notch-container .child {
		width: 100%;
		margin: 0;
		left: 0;
		top: 0;
		height: auto;
		padding-top: 30px;
	}
	
	.three-col.notch-container,
	.mplus-margin.three-col.notch-container {
		flex-direction: column;
		height: auto;
		flex: wrap;
	}
	
	.six.columns,
	.border-row.no-margin .six.columns {
		width: 100%;
		float: left;
	}
	
	.flex-container {
		flex-direction: column;
		height: auto;
	}
	
	.reverse-flex-container {
		flex-direction: column-reverse;
		height: auto;
	}
	
	.flex-container .text,
	.reverse-flex-container .text {
		width: 100%;
		padding-top: 15px;
		padding-bottom: 15px;
	}
	
	.flex-row .list-item {
		margin-left: 0;
	}
	
	.flex-container .image picture img.object-fit-fill {
		height: inherit;
	}
	
	.flex-container .image,
	.reverse-flex-container .image {
		width: 100%;
	}
	
	.flex-container h4.underline, 
	.reverse-flex-container h4.underline {
		padding-left: 10px;
		padding-right: 10px;
	}
	
	.flex-container .image::before,
	.reverse-flex-container .image::before,
	.three-col.notch-container .second.columns::before,
	.mplus-margin.three-col.notch-container .second.columns::before {
		border: none;
	}
	
	.flex-container .object-fit-fill,
	.reverse-flex-container .object-fit-fill,
	.second.columns img.object-fit-fill {
		object-fit: contain;
		max-height: none;
		width: 100%;
	}
	
	#projects .first.columns.white-bg::after {
		border: none;
		top: inherit;
		right: inherit;
	}
	
	.flex-list {
		flex-direction: column;
	}
	.flex-row .list-item {
		width: 100%;
		margin-bottom: 3rem;
	}
	
	.flex  { display: flex; flex-direction: column; }
	.flex2 { flex: 2; }
	.flex3 { flex: 3; }
	.flex4 { flex: 4; }
	.flex5 { flex: 5; }
	.flex6 { flex: 6; }
	
	.sub-row img.object-fit-fill {
		height: inherit;
	}
	
	/* Image mobile styles */
	
	figure.float-right {
		min-width: 120px;
		padding: 0 0 1em 1.5em;
	}
	figure.float-right.first-image {
		width: 33%;
		padding-left: .5rem;
		min-width: inherit;
		max-width: inherit;
	}

	/* Tables mobile styles */

	.lined-box {
		padding: 0;
	}
	
	.lined-box table {
		width: 100%;
		table-layout: fixed;
	}
	
	.lined-box th,
	.lined-box td {
		padding: 9px;
		width: 50%;
		white-space: wrap;
	}

	/* CTA Mobile Styles --------------------------------------------------------- */

	.cta {
		flex-direction: column;
	}
	
	.cta .three.columns {
		padding-left: 20px;
		padding-right: 20px;
	}
	
	.cta .three.columns,
	.cta .nine.columns {
		width: 100%;
		float: left;
		clear: both;
	}	
	
	.cta button {
		margin-top: 0;
	}
	
	#cta-btns button {
		font-size: 1.6rem;
		line-height: 2.6rem;
	}
	
	#cta-btns button.btn2 {
		margin-top: 15px;
	}
	
	#join-titanic {
		height: 200px;
	}
	
	#join-titanic .centered {
		top: 25%;
	}

	#join-titanic .btn-wrapper {
		display: flex;
	}
	
	#join-titanic button {
		margin-top: 0;
		margin-bottom: 0;
	}
	
	.titanic-gradient {
		height: auto;
		background: linear-gradient(to bottom, rgb(18, 44, 80) 0%,rgba(16, 39, 71,0.96) 12%,rgba(0,0,0,0) 100%), url("../images/home/mobile-titanic-scanning-render.jpg") no-repeat center bottom;
		background-size: contain;
	}
	
	/* Home Page Mobile Styles --------------------------------------------------------- */

	#home .cta .three.columns,
	#home .cta .nine.columns {
		width: 100%;
		float: left;
	}
	#home .cta .three.columns {
		padding: 1rem 1rem 4rem 1rem;
	}
	#home .cta .nine.columns {
		background: url(../images/home/mobile-titanic-scanning-render.jpg);
		background-size: cover;
		height: 179px;
		z-index: -10;
	}
	#home .cta {
		background: linear-gradient(to bottom, rgba(18,44,80,1) 65%,rgba(18,44,80,0.89) 70%,rgba(19,46,82,0.25) 75%,rgba(125,185,232,0) 100%);
		padding: 0;
	}
	#home .cta p {
		padding-left: 10px;
		padding-right: 10px;
		padding-bottom: 20px;
	}
	
	#home video.video-bg {
		display: none;
	}
	
	#home-video {
		background: url(../images/home/mobile-titan-dive-bks.jpg) no-repeat center center;
		min-height: 415px; 
		max-height: 415px;
	}
	
	#home .border-row {
		height: auto;
	}
	
	#home .notch-container .child {
		width: 100%;
		margin: 0;
		left: 0;
		top: 0;
		height: auto;
		padding-top: 30px;
	}
	
	#home .hero .centered {
		top: 57%;
	}
		
	#home blockquote h2::after {
		margin-top: 15px;
	}
	
	#home h2.align-center.no-top-margin.lc.bold {
		margin-bottom: 0;
		padding-top: 0;
		padding-bottom: 15px;
	}
		
	#home blockquote h5 {
		padding-top: 0;
	}

	/* About Timeline Mobile Styles --------------------------------------------------------- */

	.timeline-nav {
		margin-left: 0;
	}
	
	.timeline-main {
		flex-direction: column;
		height: auto;
	}
	
	.timeline-main .five.columns,
	.timeline-main div.seven.columns {
		width: 100%;
		height: 180px;
	}

	.timeline-main .five.columns {
		width: 40%;
	}	
	
	.timeline-main .seven.columns::before {
		border: none;
	}

	ul#timeline-menu {
		flex-wrap: wrap;
		padding-left: 0px;
		margin: 0 auto;
	}
	
	.timeline-nav {
		padding: 10px 0;
	}

	#timeline-menu li:first-child {
		padding-left: 0;
	}
	
	#timeline .image.flex4 {
		height: 176px;
	}
	
	#timeline .flex-container { 
		height: auto; 
	}
	
	#timeline img.object-fit-fill {
		height: inherit;
		object-fit: cover;
	}

	/* Leadership Mobile Styles --------------------------------------------------------- */
	
	#leadership .nine.columns {
		width: 100%;
		margin-left: 0;
	}
	#leadership .three.columns {
		display: none;
	}

	#leadership .container-row hr {
		margin-top: 3.5rem;
	}
	#leadership .float-image {
		float: none;
	}
	.bio-block {
		min-height: inherit;
	}
	.leadership-bio h3 {
		padding-top: 0;
		margin-top: 0;
	}
	.leadership-bio h5 {
		padding-bottom: 1.5rem;
	}
	.leadership-bio figure.float-right {
		min-width: inherit;
		width: 100%;
		float: none;
		padding: 0;
		margin: 0 0 2rem 0;
		max-height: none;
	}
	
	.bio-block {
		display: block;
	}
	.bio-block .three.columns {
		margin-top: 1.5rem;
		margin-bottom: 3rem;
	}
	
	#partners blockquote h5 {
		padding-left: 2.2rem;
		padding-right: 2.2rem;
	}
	#partners .container-row {
		padding: 0;
	}
	.partner-logos.container {
		padding-top: 4.25rem;
	}
	.partner .flex-row .list-item,
	.sub-pg .flex-row .list-item {
		margin-bottom: 4rem;
	}
	.partner .flex-row .list-item.last,
	.sub-pg .flex-row .list-item.last {
		margin-bottom: 0;
	}

	
	/* Our Subs Page Mobile Styles --------------------------------------------------------- */
	
	#our-subs .hero .centered {
		top: 60%;
	}
	
	#our-subs .plus-margin {
		margin-top: 2rem;
	}
	
	#subs .flex-container .object-fit-fill {
		object-fit: contain;
	}
	
	#subs .flex-container .image {
		margin-bottom: 0;
	}
	
	#subs .image img {
		-webkit-clip-path: none;
		clip-path: none;
	}
	
	#subs .flex-container {
		height: auto;
	}
	
	#subs .text {
		padding-left: 15px;
		padding-right: 15px;
		width: auto;
	}
	
	.sub-row .seven.columns::before,
	.sub-row .image-left::before {
		border: none;
	}
	
	.sub-row .flex-left.flex-container {
		flex-direction: column-reverse;
	}
	
	.sub-row .object-fit-fill {
		height: inherit;
		object-fit: cover;
	}
	
	.sub-row .flex-container h4.underline {
		max-width: 100%;
		padding-top: 10px;
	}
	
	.sub-row .five.columns {
		width: 40%;
	}
	
	.sub-row li:first-child {
		padding-left: 0;
	}
	
	.sub-row .image.flex4,
	.sub-row .image-left.flex4 {
		height: 176px;
	}
	
	hr.launch-line {
		display: none;
	}
	
	.titan-timetable {
		overflow-x: auto;
	}

	#titan-timeline .rtable .rtable-cell-1 {
		width: 35%;
	}
	
	#titan-timeline .rtable .rtable-cell-2 {
		width: 64.6%;
	}
	#titan-timeline .float-right {
		margin: 0;
		padding: 2rem 0 0 0;
	}
	.rtable figure.float-right {
		width: auto;
		float: left;
	}
	#titan-timeline figure.float-right img, figure.float-left img,
	#titan-timeline figure iframe {
		max-width: 160px;
		float: left;
		padding-left: 1rem;
		padding-bottom: 1.5rem;
	}
	#titan-timeline a.youtube.cboxElement {
		padding-left: 1rem !important;
	}
	#titan-timeline p {
		font-size: 1.55rem;
		line-height: 2.3rem;
	}

	
	/* Expedtion pages Mobile Styles --------------------------------------------------------- */
	
	#expeditions h4.section-subtitle {
		text-align: center;
	}
	
	.expeditions-carousel.container-row {
		padding: 0 0 3rem 0;
	}
	
	#past-expeditions .four.columns.expedition-block {
		border-bottom: 1px solid rgb(206, 206, 206);
		margin-bottom: 3rem;
	}
	#past-expeditions .four.columns.expedition-block.last {
		border-bottom: none;
		margin-bottom: 0;
	}
	#past-expeditions .w-border {
		border: none;
	}
	#past-expeditions .past-exp .flex-row {
		padding-top: 0;
		padding-bottom: 0;
	}
	.past-exp.container.content-w-blockquote {
		padding-top: 6rem;
	}
	#past-expeditions .flex-row.container-row.w-border {
		padding-top: 2rem;
	}
	#past-expeditions blockquote h5 {
		padding-left: .6rem;
		padding-right: .6rem;
	}

	/* Expedtion pages Mobile Styles --------------------------------------------------------- */

	.what-child .flex-row .list-item {
		margin-bottom: 4rem;
	}
	.what-child .flex-row .list-item.last {
		margin-bottom: 3rem;
	}
	#ajgoddard .post-block {
		padding-top: 0;
	}
	#ajgoddard figure.left-thumb {
		margin: 0;
		padding-right: 1rem;
	}
	#ajgoddard .post-block img, 
	#ajgoddard .post-block video {
		margin-top: .9rem;
	}
	#ajgoddard .plus-margin {
		margin-top: 1rem;
		margin-bottom: 1.2rem;
		padding-top: 0;
	}
	#ajgoddard .sidebar-img-wrapper {
		margin-bottom: 4rem;
	}
	#andrea-location .container-row,
	.container-row.exp-location {
		padding-bottom: 4rem;
	}
	#titanic .container-row.exp-location {
		padding-top: 4rem;
	}
	#catalina-partners .flex-list {
		flex-direction: row;
		flex-wrap: wrap;
	}
	#catalina-partners img.object-fit-fill {
		min-width: 150px;
	}
	#catalina aside h3 {
		padding-top: 0;
	}
	#eye-sanctuaries .list-item {
		border-top: solid thin #ddd;
		padding-top: 4rem;
	}
	#eye-image-list {
		padding-top: 1rem;
	}
	#eye-image-list .list-content p {
		height: inherit; 
	}
	button.lt-btn.eye {
		margin-top: 2.5rem;
	}
	#flower-garden aside img.object-fit-fill,
	#farallones aside img.object-fit-fill {
		height: auto;
	}
	.flower-hr,
	.governor-hr,
	.image-gallery-divider {
		display: none;
	}
	.fast-facts {
		padding-top: 0;
	}
	#lionfish .logos-flex-item img {
		max-width: 125px;
	}
	#monterey11 .partner-logos img.object-fit-fill {
		min-width: 125px;
		max-width: 125px;
		float: left;
	}
	#monterey11 .partner-logos .flex-list {
		flex-direction: row;
		flex-wrap: wrap;
	}
	#monterey11 .partner-logos .flex-list .list-item {
		margin-bottom: 0;
	}
	.exp-patch {
		height: auto;
	}
	
	/* News & Media pages Mobile Styles --------------------------------------------------------- */

	#news-media .four.columns,
	#news-media .three.columns {
		width: 100%;
	}
	#news-media .columns {
		margin-left: 0;
		margin-top: 2rem;
	}
	.blog-pg figure.float-right {
		min-width: inherit !important;
		padding: 0 !important;
		float: none !important;
		margin: 3rem 0 !important;
	}
	.blog-pg .flex-row .list-item {
		margin-bottom: 4rem;
	}
	.blog-pg .flex-row .list-item.last {
		margin-bottom: 0;
	}
	.post-block {
		display: block;
	}
	.post-block .four.columns,
	.post-block .five.columns,
	.post-block .eight.columns,
	.post-block .seven.columns {
		width: 100%;
		float: none;
	}
	.latest-news-pg .bio-line {
		margin-top: 3rem;
	}
	.post-block.first {
		padding-top: 1rem;
	}

	.post-block img,
	.post-block video {
		margin-top: 3rem;
		margin-bottom: 0;
		padding-bottom: 0;
	}
	.post-block .list-item img,
	.post-block .list-item video {
		margin-top: 0;
		margin-bottom: 0;
		padding-bottom: 0;
	}
	.post-block.news-video,
	.post-block.news-image {
		padding-bottom: 0;
	}
	
	.blog-post .hero-nopic .centered {
		top: 33%;
	}
	
	.blog-post-title {
		padding-top: 0;
		margin-bottom: .5rem;
	}
	
	.blog-post figure.float-right {
		padding: 0;
		min-width: inherit;
		margin: 0 0 3rem 0;
		float: none;
		width: auto;
	}
	
	.blog-post hr {
		margin-bottom: 2rem;
	}
	
	.blog-post .post-block {
		padding-top: 0;
	}
	
	.blog-post .list-item {
		margin-bottom: 4rem;
	}
	
	.blog-post .list-item.last {
		margin-bottom: 2rem;
	}
	
	.post-line {
		display: none;
	}
	
	.share-post {
		margin-bottom: 0;
	}
	
	.float-left.robotics-post {
		width: 100%;
		min-width: inherit;
		max-width: 100%;
		float: none;
		padding: 0;
	}
	.share-post.news {
		margin-top: 2rem;
		margin-bottom: 4rem;
	}
	.news h5.align-left.no-top-margin.lc.bold {
		margin-top: 2.5rem !important;
	}
	.news h3.align-left.no-top-margin.lc.bold {
		margin-bottom: 2rem;
	}
	.blog-post .multi-title {
		margin-bottom: 2.5rem;
	}
	footer h6 {
		font-size: 1.4rem;
	}
	.text.flex2.tse-blue p {
		padding-left: 45px;
		padding-right: 45px;
	}
}


/* gallery -- galaxy S9 360px wide portrait  ------------------------ */

@media only screen and (max-width: 767px) {
	button.goto-exp-btn {
		white-space: inherit !important;
		line-height: 1.8rem;
		margin: 1rem 0 3rem 0;
		max-width: 239px;
		padding: 1rem;
		height: auto;
	}
	button.goto-exp-btn a {
		padding: 0;
		margin: 0;
	}
	#exp-gallery .img-wrapper,
	#our-sub-photos .img-wrapper,
	#our-expedition-videos .img-wrapper,
	#andreadoria-gallery .img-wrapper {
		width: 100%;
		height: auto;
		float: none;
		margin-left: 0;
		margin-bottom: 4rem;
	}
	.photo-gallery img.object-fit-fill {
		width: 100%;
		height: auto;
		object-fit: contain;
	}
	.nGY2GallerySub {
		width: 100%;
		height: auto;
	}
	#gallery .first {
		padding-top: 0;
	}
}

/* gallery -- iphone 6/7/8 portrait and 375px wide ----------------- */

@media only screen and (min-width: 375px) {
	
	.nGY2 .nGY2GThumbnailLabel {
		top: 188px;
	}
}




@media only screen and (max-width: 1024px) and (min-width: 769px) {
	.sub-row.tse-row h2 {
		font-size: 3.0rem;
		line-height: 5.0rem;
	}
}



/* gallery -- ipad ----------------- */

@media only screen and (max-width: 1024px) and (min-width: 768px) {
	
	#exp-gallery .img-wrapper,
	#our-sub-photos .img-wrapper,
	#our-expedition-videos .img-wrapper,
	#andreadoria-gallery .img-wrapper {
		width: 47%;
		height: auto;
		float: left;
		margin-left: 0;
		margin-right: 3%;
		margin-bottom: 4rem;
	}
	#exp-gallery .img-wrapper:first-child,
	#our-sub-photos .img-wrapper:first-child,
	#our-expedition-videos .img-wrapper:first-child,
	#andreadoria-gallery .img-wrapper:first-child {
		margin-left: 0;
	}
	
	.photo-gallery img.object-fit-fill {
		width: 100%;
		height: 215px;
		object-fit: cover;
	}
	.nGY2GallerySub {
		width: 48%;
		height: auto;
	}
	#gallery .first {
		padding-top: 0;
	}
	.nGY2 .nGY2GThumbnailLabel {
		top: 162px;
	}
	.exp-gallery .nGY2ThumbnailTitle.nGY2GThumbnailLabel {
		top: 180px;
	}
}

/* gallery -- microsoft surface ----------------- */

@media only screen and (min-width: 1800px) {
	
	.nGY2 .nGY2GThumbnailLabel {
		top: 160px !important;
	}
}



/* --------iphone, iphone x/xs portrait---------------------------------- */

@media only screen and (max-width: 375px) {
	section.hero.u-full-width.object-fit-fill {
		max-height: 232px;
	}
	ul.footer-nav {
		padding: 0 8.35% 4% 8.35%;
	}
	ol.numbered-list > li {
		padding-left: 40px;
	}
	ol.numbered-list > li:nth-child(1)::before,
	ol.numbered-list > li:nth-child(2)::before,
	ol.numbered-list > li:nth-child(3)::before, 
	ol.numbered-list > li:nth-child(4)::before,
	ol.numbered-list > li:nth-child(5)::before {
		width: 18px;
		height: 18px;
		line-height: 18px;
		top: 4px;
	}
	h5 {
		font-size: 18px;
	}
}


@media screen and (max-width: 414px) {  
	.hero-nopic .centered {
		top: 225px;
	}
/*  div too large on iphone
	.sub-row.tse-row.ltgreen .flex-left.flex-container {
		max-height: 460px;
	}
*/
	.sub-row.tse-row.ltgreen .flex-left.flex-container {
		max-height: 100%;
		height: auto;
	}
	.text.flex2.cta-green h2,
	.text.flex2.tse-blue h2 {
		margin-top: 3rem;
	}
}


/* -------iphone plus portrait------------------------------------------ */

@media screen and (max-width: 441px) and (min-width: 375px) { 
	section.hero.u-full-width.object-fit-fill {
		max-height: 260px;
	}
}


@media screen and (max-width: 800px) and (min-width: 769px) {
	.hero-nopic .centered {
		top: 15%;
	}
}


@media screen and (max-width: 811px) and (min-width: 641px) {
	.bread-container { top: 125px; }
	.home-mobile { display: block; }
}



/* -------------------------------------------------------------- */

@media (min-width: 1142) {
	first.columns.white-bg::after {
		position: absolute;
		display: inline-block;
		border-bottom: 18px solid #9617b600;
		border-left: 18px solid #fff;
		border-top: 18px solid #b5cb2000;
		border-right-color: rgba(255, 70, 70, 0.2);
		right: -18px;
		top: 42%;
		content: '';
		z-index: 1020;
	}
	.notched-image img.object-fit-fill {
		-webkit-clip-path: none;
		clip-path: none;
	}
}





/* -------------------------------------------------------------- */

@media only screen and (max-width: 925px) {

	#home .cta .three.columns {
		width: 55%;
	}
	#home .cta .nine.columns {
		width: 45%;
	}
	#home .cta {
		background: linear-gradient(to right, rgba(18,44,80,1) 55%,rgba(18,44,80,0.79) 60%,rgba(19,46,82,0.25) 65%,rgba(125,185,232,0) 100%), url("../images/home/titanic-scanning-render.jpg") no-repeat;
		background-size: cover;
		background-position: right;
		padding: 0 0 3rem 0;
	}
}



/* -------------------------------------------------------------- */

@media only screen and (max-width: 760px) {
	
	#home .cta {
		background: transparent;
		background-image: linear-gradient(to bottom, rgba(18,44,80,1) 60%, rgba(18,44,80,0.89) 65%, rgba(19,46,82,0.25) 80%, rgba(125,185,232,0) 100%);
		padding: 0;
		display: block;

	}
	#home .cta .three.columns {
		padding: 3rem 2rem 4rem 2rem;
		width: 100%;
		float: left;
		display: block;

	}
	#home .cta .nine.columns {
		background-image: url(../images/home/mobile-titanic-scanning-render.jpg);
		background-size: cover;
		height: 280px;
		z-index: -10;
		width: 100%;
		float: left;
		display: block;
		position: relative;
	}

	#home .cta p {
		padding-left: 10px;
		padding-right: 10px;
		padding-bottom: 20px;
	}
}


/* -------------------------------------------------------------- */

@media only screen and (max-width: 560px) {
	
	#home .cta {
		background: transparent;
		background-image: linear-gradient(to bottom, rgba(18,44,80,1) 70%, rgba(18,44,80,0.89) 75%, rgba(19,46,82,0.25) 80%, rgba(125,185,232,0) 100%);
		padding: 0;
		display: block;

	}
	#home .cta .three.columns {
		padding: 3rem 1rem 4rem 1rem;
		width: 100%;
		float: left;
		display: block;

	}
	#home .cta .nine.columns {
		background-image: url(../images/home/mobile-titanic-scanning-render.jpg);
		background-size: cover;
		height: 179px;
		z-index: -10;
		width: 100%;
		float: left;
		display: block;
		position: relative;
	}

	#home .cta p {
		padding-left: 10px;
		padding-right: 10px;
		padding-bottom: 20px;
	}
}

@media only screen and (max-width: 1024px) {
	.bread-container {
		top: 135px;
	}
}


@media only screen and (max-width: 812px) and (min-width: 501px) {
	.footer-nav.desktop {
		display: none;
	}
	.footer-nav.mobile {
		display: block;
	}
	footer li {
		display: block;
		margin-bottom: 0;
	}
	.footer-nav.mobile li {
		font-size: 1.3rem;
	}
	ul.social-media {
		margin-top: 12px;
	}
	.footer-nav.mobile ul,
	ul.social-media {
		padding-left: 0 !important;
	}
}

@media only screen and (min-width: 411px) and (max-width: 499px) and (orientation: portrait) {
	.flex-container .text, 
	.reverse-flex-container .text {
		padding-bottom: 26px;
		width: auto;
	}
	.sub-row.tse-row .object-fit-fill,
	.sub-row img.object-fit-fill {
		height: 176px;
	}
	h2.align-center.no-top-margin.lc.bold {
		font-size: 3.25rem;
		line-height: 5.25rem;
	}
	.page-title h2 {
		font-size: 3rem;
	}
	#home .hero .centered {
		top: 62%;
	}
	.text.flex2.cta-green h2,
	h2 {
		line-height: 3.6rem;
	}
}

@media only screen and (max-width: 375px) {
	.bread-container {
		top: 135px;
	}
	p {
		font-size: 1.6rem;
		line-height: 2.7rem;
	}
	.flex-container .text, 
	.reverse-flex-container .text {
		padding-bottom: 26px;
		width: auto;
	}
	.sub-row.tse-row .object-fit-fill,
	.sub-row img.object-fit-fill {
		height: 176px;
	}
	.sub-row.tse-row h2,
	.text.flex2.cta-green h2 {
		line-height: 3.6rem;
	}
	h2.align-center.no-top-margin.lc.bold {
		font-size: 2.6rem;
		line-height: 4.25rem;
	}
	button.one-btn.btn2 {
		width: auto;
	}
	.page-title h2 {
		font-size: 2.7rem;
		line-height: 3.7rem;
	}
	#home .hero .centered {
		top: 62%;
	}
}

@media only screen and (max-width: 360px) {
	.page-title h2 {
		font-size: 2.5rem;
	}
	#home .hero .centered {
		top: 63%;
	}
}


/* gallery -- iphone 6 plus portrait  ----------------- */

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation : portrait)  {
	.sub-row.tse-row .object-fit-fill, .sub-row img.object-fit-fill,
	img.pss-shark.object-fit-fill {
		height: auto !important;
	}	
}