@charset "utf-8";
/* CSS Document */

/* mobile & tablet - Pointer: Coarse */
@media (any-pointer: coarse) {

/* Layout */
#sec-00 {height: calc((90vw / 16) * 9);}

#imgCont-01 {height: calc((90vw / 16) * 34);}
#imgCont-02 {height: calc((90vw / 16) * 34);}
#imgCont-03 {height: 380vw;}
#imgCont-04 {height: 195vw;}
#imgCont-05 {height: calc((90vw / 16) * 21);}
#imgCont-06 {height: calc((90vw / 16) * 16);}
#imgCont-07 {height: calc((90vw / 16) * 9);}
#imgCont-08 {height: calc((90vw / 16) * 34);}
#imgCont-09 {height: calc((90vw / 16) * 34);}
#imgCont-10 {height: calc((90vw / 16) * 16);}
#imgCont-11 {height: calc((90vw / 16) * 34);}
#imgCont-12 {height: calc((90vw / 16) * 34);}
#imgCont-13 {height: calc((90vw / 16) * 16);}

.project-section {margin-top: 7.5vw!important;box-shadow: 3px 3px 5px #010b1430;}
.projectimg {}
/*box-shadow: 0px 3px 5px #010b1430;*/

.img {
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: 50% 0%;
}

#img-06 {width:300%; background-size: cover; background-position: 0% 50%;}
#img-10 {width:300%; background-size: cover; background-position: 0% 50%;}

/* Sources */
#img-01 {background-image: url('/images/nasa/mars_01_aims--mobi.jpg');}
#img-02 {background-image: url('/images/nasa/mars_02_formula--mobi.jpg');}
#img-03 {background-image: url('/images/nasa/mars_03_ideation--mobi.jpg');}
#img-04 {background-image: url('/images/nasa/mars_04_packageDelivery--mobi.jpg');}
#img-05 {background-image: url('/images/nasa/mars_05_inventory--mobi.jpg');}
#img-06 {background-image: url('/images/nasa/mars_06_loadingCycle--mobi.jpg');}
#img-07 {background-image: url('/images/mars__inAction-copy--pano-p-1080.jpeg');}
#img-08 {background-image: url('/images/nasa/mars_08_extremeWeather--mobi.jpg');}
#img-09 {background-image: url('/images/nasa/mars_09_miningProcess--mobi.jpg');}
#img-10 {background-image: url('/images/nasa/mars_10_millingProcess--mobi.jpg');}
#img-11 {background-image: url('/images/nasa/mars_11_miningDIM--mobi.jpg');}
#img-12 {background-image: url('/images/nasa/mars_12_iceProcessing--mobi.jpg');}
#img-13 {background-image: url('/images/nasa/mars_13_transporterHero--mobi.jpg');}

/* Portrait Only */
@media (min-aspect-ratio: 1/18) and (max-aspect-ratio: 18/18) {}

/* Landscape Only */
@media (min-aspect-ratio: 19/18) and (max-aspect-ratio: 54/18) {

	.project-container {margin-top:5%; margin-left: 16.5%; width: 66%;}
		
	#sec-00 {height: calc((66vw / 16) * 9);}
	
	#imgCont-01 {height: calc((66vw / 16) * 34);}
	#imgCont-02 {height: calc((66vw / 16) * 34);}
	#imgCont-03 {height: calc((66vw / 16) * 68);}
	#imgCont-04 {height: calc((66vw / 16) * 34);}
	#imgCont-05 {height: calc((66vw / 16) * 21);}
	#imgCont-06 {height: calc((66vw / 16) * 16);}
	#imgCont-07 {height: calc((66vw / 16) * 9);}
	#imgCont-08 {height: calc((66vw / 16) * 34);}
	#imgCont-09 {height: calc((66vw / 16) * 34);}
	#imgCont-10 {height: calc((66vw / 16) * 16);}
	#imgCont-11 {height: calc((66vw / 16) * 34);}
	#imgCont-12 {height: calc((66vw / 16) * 34);}
	#imgCont-13 {height: calc((66vw / 16) * 16);}
}

}

/* Laptop & Desktop - Pointer: Fine */
@media (any-pointer: fine) {
	
	.project-section {margin-bottom: 0;}
	.projectimg {width: 100%;}
	
	.img {
		width: 100%;
		height: 100%;
		background-size: cover;
		background-position: 50% 50%;
	}
	
	.items {height: 100%; cursor: auto;}
	.item {width: 100%;height: 100%;}
	#dragmove {display:none;}
	
	@media (min-aspect-ratio: 19/18) and (max-aspect-ratio: 29/18) {
		/* Sources */
		#img-01 {background-image: url('/images/mars_aims--pano-p-2600.jpeg');}
		#img-02 {background-image: url('/images/mars__formula--pano-p-2600.jpeg');}
		#img-03 {background-image: url('/images/mars__ideation--pano-p-2600.jpeg');}
		#img-04 {background-image: url('/images/mars__packageDelivery--pano-p-2600.jpeg');}
		#img-05 {background-image: url('/images/mars__inventory--pano-p-2600.jpeg');}
		#img-06 {background-image: url('/images/mars__loadingCycle--pano-p-2600.jpeg');}
		#img-07 {background-image: url('/images/mars__inAction-copy--pano-p-2600.jpeg');}
		#img-08 {background-image: url('/images/mars__extremeWeather--pano-p-2600.jpeg');}
		#img-09 {background-image: url('/images/mars__miningProcess--pano-p-2600.jpeg');}
		#img-10 {background-image: url('/images/mars__millingProcess--pano-p-2600.jpeg');}
		#img-11 {background-image: url('/images/mars__miningDIM--pano-p-2600.jpeg');}
		#img-12 {background-image: url('/images/mars__iceProcessing--pano-p-2600.jpeg');}
		#img-13 {background-image: url('/images/mars__transporterHero--pano-p-2600.jpeg');}
		
		/* Img & Video DIMs */
		#sec-00 {width: 90vw!important;height: calc((90vw / 16) * 9);margin-left: 5%;}
		
		#imgCont-01 {height: 100vh;}
			#img-01 {background-position: 66% 50%;}
		#imgCont-02 {height: calc((100vw / 16) * 9.875);}
		#imgCont-03 {height: calc((100vw / 16) * 9.875);}
		#imgCont-04 {height: 100vh; margin-bottom: 25vh;}
		#imgCont-05 {height: 86vh;margin-bottom: 25vh;}
		#imgCont-06 {height: calc((100vw / 16) * 9);margin-bottom: 25vh;}
		#imgCont-07 {height: calc((100vw / 16) * 9);margin-bottom: 25vh;}
		#imgCont-08 {height: calc((100vw / 16) * 9.875);}
		#imgCont-09 {height: calc((100vw / 16) * 9.875);}
		#imgCont-10 {height: calc((100vw / 16) * 9.875);}
		#imgCont-11 {height: calc((100vw / 16) * 9.875);}
		#imgCont-12 {height: calc((100vw / 16) * 9);}
		#imgCont-13 {height: calc((100vw / 16) * 9);margin-bottom: 25vh;}
	}
	@media (min-aspect-ratio: 29/18) and (max-aspect-ratio: 33/18) {
		.info-container {width: 90%; margin-left: 5%;}
		
		/* Sources */
		#img-01 {background-image: url('/images/mars_aims--pano-p-3200.jpeg');}
		#img-02 {background-image: url('/images/mars__formula--pano-p-3200.jpeg');}
		#img-03 {background-image: url('/images/mars__ideation--pano-p-3200.jpeg');}
		#img-04 {background-image: url('/images/mars__packageDelivery--pano-p-3200.jpeg');}
		#img-05 {background-image: url('/images/mars__inventory--pano-p-3200.jpeg');}
		#img-06 {background-image: url('/images/mars__loadingCycle--pano-p-3200.jpeg');}
		#img-07 {background-image: url('/images/mars__inAction-copy--pano-p-3200.jpeg');}
		#img-08 {background-image: url('/images/mars__extremeWeather--pano-p-3200.jpeg');}
		#img-09 {background-image: url('/images/mars__miningProcess--pano-p-3200.jpeg');}
		#img-10 {background-image: url('/images/mars__millingProcess--pano-p-3200.jpeg');}
		#img-11 {background-image: url('/images/mars__miningDIM--pano-p-3200.jpeg');}
		#img-12 {background-image: url('/images/mars__iceProcessing--pano-p-3200.jpeg');}
		#img-13 {background-image: url('/images/mars__transporterHero--pano-p-3200.jpeg');}
		
		/* Img & Video DIMs */
		#sec-00 {margin-left: 5%;width:90vw;}
		#sec-04 {margin-left: 5%;width: 90vw;}
		#sec-05 {margin-left: 5%;width: 90vw;}
		#sec-06 {margin-left: 5%;width: 90vw;}
		#sec-07 {margin-left: 5%;width: 90vw;}
		#sec-12 {margin-left: 5%;width: 90vw;}
		#sec-13 {margin-left: 5%;width: 90vw;}
		
		#imgCont-01 {height: 100vh;}
			#img-01 {background-position: 66% 50%;}
		#imgCont-02 {height: calc((100vw / 16) * 9);}
		#imgCont-03 {height: calc((100vw / 16) * 9);}
		#imgCont-04 {height: 100vh; margin-bottom: 25vh;}
		#imgCont-05 {height: 86vh; margin-bottom: 25vh;}
		#imgCont-06 {height: calc((100vw / 16) * 9);margin-bottom: 25vh;}
		#imgCont-07 {height: calc((100vw / 16) * 9);margin-bottom: 25vh;}
		#imgCont-08 {height: calc((100vw / 16) * 9);}
		#imgCont-09 {height: calc((100vw / 16) * 9);}
		#imgCont-10 {height: calc((100vw / 16) * 9);}
		#imgCont-11 {height: calc((100vw / 16) * 9);}
		#imgCont-12 {height: calc((100vw / 16) * 9);}
		#imgCont-13 {height: calc((100vw / 16) * 9); margin-bottom: 25vh;}
	}
	@media (min-aspect-ratio: 33/18) and (max-aspect-ratio: 54/18) {
		.info {height:12vw;}
		.info-container {width: 90%;margin-left:5%;flex-direction: row; flex-wrap: wrap; align-items: baseline; justify-content: space-between;}
	
		#return {margin-top:2.5%;width: 100%}
		#mark {margin-top:3.75%;}
		#designer{margin-top:3.75%;}
		
		.project-container{width: 90%; margin-top:2.5%; margin-left: 5%;}

		
		/* Sources */
		#img-01 {background-image: url('/images/mars_aims--pano.jpg');}
		#img-02 {background-image: url('/images/mars__formula--pano.jpg');}
		#img-03 {background-image: url('/images/mars__ideation--pano.jpg');}
		#img-04 {background-image: url('/images/mars__packageDelivery--pano.jpg');}
		#img-05 {background-image: url('/images/mars__inventory--pano.jpg');}
		#img-06 {background-image: url('/images/mars__loadingCycle--pano.jpg');}
		#img-07 {background-image: url('/images/mars__inAction-copy--pano.jpg');}
		#img-08 {background-image: url('/images/mars__extremeWeather--pano.jpg');}
		#img-09 {background-image: url('/images/mars__miningProcess--pano.jpg');}
		#img-10 {background-image: url('/images/mars__millingProcess--pano.jpg');}
		#img-11 {background-image: url('/images/mars__miningDIM--pano.jpg');}
		#img-12 {background-image: url('/images/mars__iceProcessing--pano.jpg');}
		#img-13 {background-image: url('/images/mars__transporterHero--pano.jpg');}
		
		/* Img & Video DIMs */
		#sec-00 {margin-left: 0%;width: 90vw; height: calc((90vw / 16) * 9);}
		
		
		#imgCont-01 {height: calc((100vw / 16) * 9);}
			#img-01 {background-position: 66% 50%;}
		#imgCont-02 {height: calc((100vw / 16) * 9);}
		#imgCont-03 {height: calc((100vw / 16) * 9);}
		#imgCont-04 {height: 100vh; margin-bottom: 25vh;}
		#imgCont-05 {height: 86vh; margin-bottom: 25vh;}
		#imgCont-06 {height: calc((100vw / 16) * 9);margin-bottom: 25vh;}
		#imgCont-07 {height: calc((100vw / 16) * 9);margin-bottom: 25vh;}
		#imgCont-08 {height: calc((100vw / 16) * 9);}
		#imgCont-09 {height: calc((100vw / 16) * 9);}
		#imgCont-10 {height: calc((100vw / 16) * 9);}
		#imgCont-11 {height: calc((100vw / 16) * 9);}
		#imgCont-12 {height: calc((100vw / 16) * 9);}
		#imgCont-13 {height: calc((100vw / 16) * 9); margin-bottom: 25vh;}
	}
}