body {
	font-family: 'tradegothic_condensed', CenturyGothic, sans-serif;
	background-color: #EAE5EB;
	font-size: 1.5vw;
	color: #000;
}

/* general ---------------------------------------- */

.headerText1 {
	font-family: 'tradegothic_condensed', CenturyGothic, sans-serif;
	font-weight: bold;
	font-size: 4vw;
	margin-left:2vw;
	color: #38133A;
}

.smallHeader {
	font-size: 2.4vw;
	font-weight: bold;
	color: #38133A;
	margin-bottom: 1.3vw;
}

.stepImg {
	height: 12vw;
	width: 12vw;
	margin-bottom:2vw
}

.stdDivComponent {
	margin-bottom: 4vw;
}

.paragraphText {
	/* font-size: 1.1rem;
    margin-bottom: 2vw;
    line-height: 1.3em;
	color: #000000; */
	/*padding: 1em 1em 1.4em 1em;*/
	line-height: 1.375em;
	font-size: 18px;
	text-align: justify;
	color: #333;
}

.colContainer {
	display: flex;
	flex-direction: column;
}

.rowContainer {
	display: flex;
}

.bgImg {
	background-size: cover;
}

	@media only screen and (max-width:900px){   /* general */
		.paragraphText {
			font-size: 3vw;
			font-size:5vw;
			width:80vw;
		}
		.stepImg{
			margin-bottom:4vw;
		}
		#currentApplyButton{
			width:60vw;
		}
	}

	@media only screen and (max-width:500px){
		.paragraphText{
			font-size:6vw;
		}
		a{
			font-size:1.5em
		}
	}

/*  /general -------------------------------------------- */




/* apply  ----------------------------------------------- */
#splashText{
	width:40vw;
	margin-left:2.2vw;
}

#printingServices {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}

#applyBlock {
	display: flex;
	flex-direction: column;
	width: 45vw;
	height: 25vw;
	justify-content: flex-start;
}


#currentApplyButton {
	background: none;
	color: white;
	background-color: #38133A;
	margin: 0 auto;
	width: 20vw;
	height: 50px;
	font-size: 1.4vw;
	font-weight: 100;
}

#click_here {
	color: red;
	font-weight: 900;
}

#applyImage {
	background-size: cover;
	background-image: url("../../images/3DPrinting/3D Printing_3D Printing.png");
	width: 45vw;/**/
	height: 28.6vw;

}

	@media only screen and (max-width:900px) {
		.smallHeader {
			font-size: 8vw;
			text-align:center;
		}

		#printingServices {
			flex-direction: column;
			padding-top: 15vw;
		}

		.stdDivComponent {
			margin-bottom: 6vw;
		}

		#splashText{
			width:60vw;
			margin:auto;
		}

		#applyBlock {
			width: 70vw;
			height: 65vw;
			align-items: center;
		}

		#applyText {
			width: 65vw;
		}

		#currentApplyButton {
			height: 50px;
			font-size: 2.3vw;
			width: 30vw;
		}

		.headerText1 {
			font-size: 7.5vw;
			margin-left:0;
		}

		#applyImage {
			margin-top: -10vw;
			margin-bottom: 8vw;
		}

	}

		@media only screen and (max-width:500px) {
			#printingServices {
				padding-top: 15vw;
			}

			.stdDivComponent {
				margin-bottom: 9vw;
			}

			#applyBlock {
				width: 70vw;
				height: 100%;
			}

			#applyText {
				width: 60vw;
			}

			#currentApplyButton {
				height: 50px;
				font-size: 3.5vw;
				width: 65vw;
				margin-bottom:20vw;
			}

			.headerText1 {
				font-size: 12vw;
				text-align: center;
			}

			#applyImage {
				width: 80vw;
				height: 51vw;
			}

			.smallHeader {
				font-size: 8vw;
				margin-bottom: 3vw;
				margin-top: 10vw;
			}

		}

/*  /apply  ----------------------------------------------- */







/*whatYouNeed ------------------------------------------------------*/

.tdpRow {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
}

.containerHeader {
	width: 100vw;
	margin-left: 5vw;
}

.stepDiv {
	height: 25vw;
	width: 20vw;
	align-items:center;
}

.stepText {
	/*height: 4.3vw;*/
	width: 20vw;
}

.wynStep {
	margin-bottom: 8vw;
}

.bracketStep {
	font-size: 20vw;
	font-weight: 100;
	margin-left: 3vw;
}

#plusStep {
	font-size: 5vw;
	font-weight: 1000;
}

#orStep {
	font-size: 3vw;
	font-weight: 1000;
	margin-right: 3vw;
}

#wynImg1 {
	margin-top:1vw;
	background-image: url("../../images/3DPrinting/3D_Printing_3mf.png");
	width: 9.8vw;
}

#wynImg2 {
	background-image: url("../../images/3DPrinting/3D Printing_Student2.png");
}

#wynImg3 {
	background-image: url("../../images/3DPrinting/3D Printing_Team2.png");
	width: 17.8vw;
}

.wynText {
	text-align: center;
}

	@media only screen and (max-width:900px) {
		.tdpRow {
			flex-direction: column;
			margin-left: 0;

		}

		.containerHeader {
			width: auto;
			margin-left: 0;
			margin-bottom: 10vw;
		}

		.stepDiv {
			height: 70vw;
			width: 60vw;
		}

		.stepText {
			height: 8.6vw;
			width: 60vw;
		}

		.bracketStep {
			-webkit-transform: rotate(90deg);
			-moz-transform: rotate(90deg);
			-o-transform: rotate(90deg);
			-ms-transform: rotate(90deg);
			transform: rotate(90deg);
			font-size: 65vw;
			margin-left:5vw;
		}

		#plusStep {
			font-size: 15vw;
			margin-top: 25vw;
			margin-bottom: 4vw;
		}

		#closeStep {
			margin-top: -20vw;
		}

		#openStep {
			margin-bottom: -20vw;
			margin-top: -13vw;
		}

		#orStep {
			font-size: 9vw;
			margin-bottom: 13vw;
		}
		#wynHeader{
			margin-top:10vw;
		}

		.wynImg {
			height: 35vw;
		}

		#wynImg1 {
			width: 28.7vw;
		}

		#wynImg2 {
			width: 35vw;
		}

		#wynImg3 {
			width: 51.45vw;
		}

		.wynText {
			top: 30vw;
		}

		#wynText1{
			margin-top:2vw;
		}
	}

		@media only screen and (max-width:500px) {
			#plusStep{
				margin-top: 15vw;
			}
			#wynHeader{
				margin-bottom:15vw;
			}
			#wynImg1{
				margin-top:-1vw;
			}
		}




/*wyn    ------------------------------------------------------ */




/* howToPick -----------------------------------------------------*/

#htpHeader {
	margin-bottom: 3vw;
}

.lArrow {
	height: 11vw;
	width: 11vw;
	background-image: url("../../images/3DPrinting/3D Printing_Arrow.png");
	margin-bottom: 3vw;
}

.htpImg {
	top: 1vw;

}

#htpImg1 {
	width: 10.7vw;
	background-image: url("../../images/3DPrinting/3D Printing_Calendar2.png");

}

#htpImg2 {
	width: 19.9vw;
	background-size: cover;
	background-image: url("../../images/3DPrinting/3D Printing_Connector2.png");
}

#htpImg3 {
	width: 10.7vw;
	background-image: url("../../images/3DPrinting/3D Printing_Myhal2.png");
}

	@media only screen and (max-width:900px) {  /* htpHeader */
		.lArrow {
			-webkit-transform: rotate(90deg);
			-moz-transform: rotate(90deg);
			-o-transform: rotate(90deg);
			-ms-transform: rotate(90deg);
			transform: rotate(90deg);
			height: 25vw;
			width: 25vw;
		}

		#arrow2{
			margin-top:5vw;
		}

		#htpHeader{
			margin-bottom:10vw;
		}

		.stepDiv {
			height: 60vw;
			width: 60vw;
		}

		.stepText {
			height: 8.6vw;
			width: 50vw;
		}

		.htpImg {
			height: 35vw;
		}

		.htpText {
			top: 30vw;
		}

		#htpImg1 {
			width: 31.25vw;
		}

		#htpImg2 {
			width: 58.1vw;
		}

		#htpImg3 {
			width: 31.25vw;
		}
	}

		@media only screen and (max-width:500px) {  /* htpHeader*/
			#htpHeader {
				width: 70vw;
				margin-top:-10vw;
			}

			#htpImg1{
				margin-top:-1vw;
			}

			#htpImg3{
				margin-top:-1vw;
			}

			.lArrow {
				height: 35vw;
				width: 35vw;
			}

			#opHeader {
				margin-top: 25vw;
			}
			.stepText {
				height: 12vw;
				width:70vw;
			}
		}


/*   /htp---------------------------------------------------------------*/

/* our printers ----------------------------------------*/

.opRowText {
	margin-left: 5vw;
}

.opPT {
	width: 50vw;
}

#opHeader {
	width: 100vw;
}

#ourPrinters {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	margin-left: 5vw;
	padding-top:1vw;
	margin-bottom: 10vw;
}

#printerImage1 {
	margin-bottom: 9vw;
	width: 35vw;
	height: 19vw;
}

#printerImage2 {
	background-image: url("../../images/3DPrinting/3D_Systems_Logo.png");
	height: 19.8vw;
	width: 35vw;
}

#lastUlt {
	margin-bottom: 5vw;
}

	@media only screen and (max-width:900px) {
		.opRowText {
			flex-direction: column;
			margin-left: 0;
			width: 85vw;
		}

		.opRow {
			flex-direction: column;
			align-items: center;
		}

		.opPT {
			width: 85vw;
		}

		#ourPrinters {
			flex-direction: column;
			align-items: center;
			justify-content: center;
			margin-left: 0;
			padding-top:5vw;
			margin-top: 20vw;
		}

		#printerImage2 {
			margin-bottom: 5vw;
		}

		#lastUlt {
			margin-bottom: 10vw;
		}

		#opHeader {
			width: auto;
			margin-top:15vw;
			margin-bottom: 10vw;
			font-size:8vw;
		}


	}

		@media only screen and (max-width:500px) {
			.vSmallHeader {
				margin-bottom: 5vw;
			}
		}


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

/* faq and contact ---------------------------- */

#faqHeader{
	margin-bottom:3vw;
}

#faq {
	margin-left: 5vw;
	margin-bottom: 10vw;
}

.faqParagraphText {
	margin-bottom:3vw;
	width: 85vw;
}

.vSmallHeader {
	font-size: 1.8vw;
	font-weight: bold;
	color: #38133A;
	margin-bottom: 1.3vw;
}

	@media only screen and (max-width:900px) {   /*faq*/
		#faqHeader {
			margin-bottom: 5vw;
		}

		#faq {
			align-items: center;
			margin-left: 0;
		}

		.vSmallHeader {
			font-size: 4vw;
		}
		.faqParagraphText{
			margin-bottom:10vw;
		}
	}

		@media only screen and (max-width:500px) { /*faq*/
			#faqHeader {
				margin-bottom: 10vw;
				margin-top:10vw;
			}
			.vSmallHeader {
				font-size: 5vw;
			}
		}


#contact {
	margin-left: 5vw;
	margin-bottom: 10vw;
}


	@media only screen and (max-width:900px) {
		#contact {
			align-items: center;
			margin-left: 0;
		}
	}


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