/* GLOBAL STYLES ////////////////////////////////////////////////////////////////////////////////////////////////*/
	@font-face{
		font-family: 'Frutiger Light';
		font-style: normal;
		font-weight: normal;
		src: url('../fonts/FrutigerLTStd_45Light.woff2') format('woff2'), url('../fonts/FrutigerLTStd_45Light.woff') format('woff');
	}

	@font-face{
		font-family: 'Frutiger Light Italic';
		font-style: normal;
		font-weight: normal;
		src: url('../fonts/FrutigerLTStd_46LightItalic.woff2') format('woff2'), url('../fonts/FrutigerLTStd_46LightItalic.woff') format('woff');
	}

	@font-face{
		font-family: 'Frutiger Bold';
		font-style: normal;
		font-weight: normal;
		src: url('../fonts/FrutigerLTStd_65Bold.woff2') format('woff2'), url('../fonts/FrutigerLTStd_65Bold.woff') format('woff');
	}

	@font-face{
		font-family: 'DDC Hardware';
		font-style: normal;
		font-weight: normal;
		src: url('../fonts/DDCHardware_Condensed.woff2') format('woff2'), url('../fonts/DDCHardware_Condensed.woff') format('woff');
	}

	.fruLight{
		font-family: Frutiger Light;
	}

	.fruItal{
		font-family: Frutiger Light Italic;
	}

	.fruBold{
		font-family: Frutiger Bold;
	}

	.ddcHardware{
		font-family: DDC Hardware;
	}

	.wte{
		background-color: #FFFFFF;
	}

	.gemRed{
		background-color: #E3173D;
		color: #FFFFFF;
	}

	.blk{
		background-color: #000000;
		color: #EEEEEE;
	}

	.colDisp{
		display: flex;
	}

/* MOBILE STYLES ////////////////////////////////////////////////////////////////////////////////////////////////*/
@media only screen and (max-width: 767px){

	/* HERO SECTION ////////// */
		.geminiBg{
			background-image: url(../images/mobile/geminiIncbg_m.jpg);
		}

		.brief{
			margin-bottom: 7.142857142857142%;
		}

		.brief{
			line-height: 5vw;
		}

		.mockUpCalendar{
			background-image: url(../images/mobile/calendarContestMockup_m.png);
			margin-left: auto;
			margin-right: auto;
			padding-top: 75%;
			width: 85.714285714285714%;
		}

	/* CASE STUDY ////////// */
		.calendarid{
			margin-bottom: 7.142857142857142%;
			width: 100%;
		}

		.calendarid .body{
			margin-bottom: 0.5rem !important;
		}

		.fruLight, .fruItal, .fruBold{
			font-size: 5vw;
			line-height: 7.5vw;
		}

		.ddcHardware{
			font-size: 6vw;
			line-height: 7.5vw;
		}

		.colorGemBlock{
			font-size: 2.5vw;
			padding-bottom: 2%;
			padding-left: 2%;
			padding-top: 25%;
			width: 25%;
		}

		#calWire{
			background-image: url(../images/mobile/calendarWireframes_m.jpg);
			padding-top: 100%;
		}

		#calVis{
			background-image: url(../images/mobile/calendarVisuals_m.jpg);
			padding-top: 98%;
		}

		.sum{
			margin-bottom: 7.142857142857142%;
		}
	/**/
/**/
}

/* TABLET STYLES ////////////////////////////////////////////////////////////////////////////////////////////////*/
@media only screen and (min-width: 768px) and (max-width: 1024px){

	/* HERO SECTION ////////// */
		.geminiBg{
			background-image: url(../images/tablet/geminiIncbg_t.jpg);
		}

		.mockUpCalendar{
			background-image: url(../images/tablet/calendarContestMockup_t.png);
			margin-top: 18%;
			padding-top: 33.055555555555556%;
			position: relative;
			width: 48.333333333333333%;
			z-index: 1;
		}

	/* CASE STUDY ////////// */
		.procPrev{
			width: 100%;
		}

		.calendarid{
			margin-bottom: 3.333333333333333%;
			/*padding-top: 5.555555555555555%;*/
			width: 48.333333333333333%;
		}

		.fruLight, .fruItal, .fruBold{
			font-size: 3vw;
			line-height: 4.5vw;
		}

		.ddcHardware{
			font-size: 3.5vw;
			line-height: 4.5vw;
		}

		.colorGemBlock{
			font-size: 1.25vw;
			padding-bottom: 2%;
			padding-left: 2%;
			padding-top: 25%;
			width: 25%;
		}

		#calWire{
			background-image: url(../images/calendarWireframes.jpg);
			margin-right: 3%;
			padding-top: 50%;
		}

		#calVis{
			background-image: url(../images/calendarVisuals.jpg);
			padding-top: 50%;
		}
	/**/
/**/
}

/* DESKTOP STYLES ////////////////////////////////////////////////////////////////////////////////////////////////*/
@media only screen and (min-width: 1025px){

	/* HERO SECTION ////////// */
		.geminiBg{
			background-image: url(../images/desktop/geminiIncbg_d.jpg);
		}

		.base{
			margin-left: 8.588957055214724%;
			padding-top: 15.337423312883436%;
			position: relative;
			width: 39.775051124744376%;
			z-index: 2;
		}

		.mockUpCalendar{
			background-image: url(../images/desktop/calendarContestMockup_d.png);
			margin-top: 18%;
			padding-top: 32.924335378323108%;
			position: relative;
			transition: 300ms;
			width: 42.740286298568507%;
			z-index: 1;
		}

		.mockUpCalendar:hover{
			filter: drop-shadow(2px 3px 4px #202020);
			transform: scale(1.01);
			transition: 450ms;
		}

	/* CASE STUDY ////////// */
		.procPrev{
			width: 100%;
		}

		.calendarid{
			margin-bottom: 3.067484662576687%;
			/*padding-top: 4.9079754601227%;*/
			width: 48%;
		}

		.fruLight, .fruItal, .fruBold{
			font-size: 2.2vw;
			line-height: 3.5vw;
		}

		.ddcHardware{
			font-size: 3vw;
			line-height: 3.5vw;
		}

		.colorGemBlock{
			font-size: 1vw;
			padding-bottom: 2%;
			padding-left: 2%;
			padding-top: 25%;
			width: 25%;
		}

		#calWire{
			background-image: url(../images/calendarWireframes.jpg);
			margin-right: 4%;
			padding-top: 48%;
		}

		#calVis{
			background-image: url(../images/calendarVisuals.jpg);
			padding-top: 48%;
		}
	/**/
/**/
}