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

#img-01 {background-image: url('/images/virgin/virgin_1_samaraBarstool-mobile.jpg');}
#img-02 {background-image: url('/images/virgin/virgin_2_formFactor-mobile.jpg');}
#img-03 {background-image: url('/images/virgin/virgin_3_ideation-mobile.jpg');}
#img-04 {background-image: url('/images/virgin/virgin_4_foamModels-mobile.jpg');}
#img-05 {background-image: url('/images/virgin/virgin_5_fullScaleStudies-mobile.jpg');}
#img-06 {background-image: url('/images/virgin/virgin_6_details-mobile.jpg');}
#img-07 {background-image: url('/images/virgin/virgin_7_assembly-mobile.jpg');}
#img-08 {background-image: url('/images/virgin/virgin_8_heroChairs-mobile.jpg');}
#img-09 {background-image: url('/images/virgin/virgin_9_heroBar-mobile.jpg');}

@media (any-pointer: coarse) {
	
#imgCont-01 {height: calc((90vw / 17) * 9);}
#imgCont-02 {height: calc((90vw / 17) * 9);}
#imgCont-03 {height: calc((90vw / 17) * 9);}
#imgCont-04 {height: calc((90vw / 17) * 9);}
#imgCont-05 {height: calc((90vw / 17) * 9);}
#imgCont-06 {height: calc((90vw / 17) * 9);}
#imgCont-07 {height: calc((90vw / 17) * 9);}
#imgCont-08 {height: calc((90vw / 17) * 9);}
#imgCont-09 {height: calc((90vw / 17) * 9);}


.projectimg {}

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

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

/* Landscape */
@media (min-aspect-ratio: 10/9) and (max-aspect-ratio: 2/1) {}
}

@media (any-pointer: fine) {
	
	.img {
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: 50% 50%;
	}
	
	@media (min-aspect-ratio: 19/18) and (max-aspect-ratio: 29/18) {
		.projectimg {height: calc((90vw / 17) * 9);}
	
	}
	@media (min-aspect-ratio: 29/18) and (max-aspect-ratio: 33/18) {
		.projectimg {height: calc((75vw / 17) * 9);}
		
	}
	@media (min-aspect-ratio: 33/18) and (max-aspect-ratio: 54/18) {
		.projectimg {height: calc((66vw / 17) * 9);}
		
	}
}