body{
	margin: 0;
	padding: 0;
	font-family: 'lato';
/*	opacity: .9;*/
}

header{
	margin: 0;
	padding:0; 
	height: 700px;
	width: 100%;
	z-index: -1;
   	background-size: 100% 100%;
   	background-repeat: no-repeat;
}

#bg-image{
	position: fixed;
	background-image: url("assets/Banner2.png");
	width: 100%;
	height: 700px;
	z-index: -1;
	/*opacity: 0.9;*/
   	background-size: 100% 100%;
   	background-repeat: no-repeat;
}


header h3{
	text-align: center;
	margin: 0;
	position: relative;
	top: 95%;
	color: white;
	opacity: .3;
	font-family: 'Roboto Condensed', sans-serif;
}


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

.featured{
	background-color: white;
	height: 550px;
	padding-top: 4em;
	display: flex;
	justify-content:space-around;
}

.vertical{
	writing-mode:vertical-rl;
	text-orientation: upright;
	font-size: 3em;
	color: darkred;
	font-family: 'Roboto Condensed', sans-serif;
	padding: 0;
	margin: 0;
}

.flex-container{
	display: flex;
	justify-content:space-around;
}

.featured-proj{
	padding-top: 3em;
	max-width: 30%;
	color: darkred;
	font-family: 'oswald';
	font-size: 1.5em;
}



.featured-pic{
	/*background-image: url('p1.png');*/
	background-size: 100% 100%;
   	background-repeat: no-repeat;
   	max-width: 100%;
   	height: 250px;
   	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    transition: 0.3s;
}

.featured-pic:hover{
	box-shadow: 0 8px 16px 0 rgba(0,0,0,0.6);
}

.Ip{
	text-align: right;
}

.Sp{
	text-align: center;
}

.Cp{
	text-align: left;
}

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


.digital{
	margin: 0;
	padding-top: 4em;
	background-color: white;
	padding-bottom: 4em;
}

.digital h2{
	margin: 0;
	height: 300px;
	background-image: url("assets/digitalBanner.png");
	background-size: 100% 100%;
   	background-repeat: no-repeat;
   	max-width: 100%;
	/*font-family: "Lato";*/
	/*margin: 0;
	font-size: 4em;
	text-align: right;
	font-family: 'Alfa Slab One', cursive;*/
	/*/*color: #7D1A1F;*/
	/*letter-spacing: .1em;*/
	/*margin-right: 1em;*/
}


.digital-flex{
	display: flex;
	justify-content: space-around;
	margin-top: 4em;
}

.digital-proj{
	padding: 2em;
	display: flex;
	justify-content:space-around;
	flex-direction:column;
}

.digital-proj p{
	max-width: 80%;
	text-align: center;
	margin: 0 auto;
	padding: 0;
	color: #1a1d24;
		font-family: 'oswald';

}

.digital-pic{
	background-size: 100% 100%;
   	background-repeat: no-repeat;
   	max-width: 100%;
   	height: 300px;
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    transition: 0.3s;
}

.digital-pic:hover{
	box-shadow: 0 8px 16px 0 rgba(0,0,0,0.6);
}




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

.fabrication{
	margin: 0;
	background-color: white;
	padding-top: 3em;
	padding-bottom: 5em;
	/*display: flex;*/
	/*justify-content:space-around;*/
}

.container{
	display: flex;
	justify-content:space-around;
}


.fabrication h2{
	/*margin: 0;
	font-size: 4em;
	text-align: right;
	font-family: 'Alfa Slab One', cursive;
	color: #762626;
	letter-spacing: .1em;
	margin-left: 1em;
	padding-bottom: 1em;*/
	margin: 0;
	height: 300px;
	background-image: url("assets/fabricationBanner.png");
	background-size: 100% 100%;
   	background-repeat: no-repeat;
   	max-width: 100%;
   	margin-bottom: 2.5em;
}

.fabrication-proj{
	padding: 1em;
}

.fabrication-flex{
	display: flex;
	justify-content: space-around;
}

.fabrication-pic{
	background-size: 100% 100%;
   	background-repeat: no-repeat;
   	max-width: 100%;
   	height: 500px;
   	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    transition: 0.3s;
}

.fabrication-pic:hover{
	box-shadow: 0 8px 16px 0 rgba(0,0,0,0.6);
}

.fabrication-proj p{
	max-width: 80%;
	text-align: center;
	margin: 0 auto;
	padding: 0;
	color: #1a1d24;
		font-family: 'oswald';

}

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



footer{
	margin: 0;
	background-color: #ca3f46;
	height: 500px;
}

footer h2{
	margin: 0;
	font-size: 4em;
	font-family: 'oswald';
	text-align: center;
	color: white;
	padding-top: 1.5em;
}

footer p{
	color: white;
	text-align: center;
	font-size: 2em;
	max-width: 60%;
	margin: 0 auto;
	padding: 1em;

}

footer h3{
	text-align: center;
	color: white;
	margin: 0;
	font-size: 1em;
}


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

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

.featured{
		height: 1500px;
		flex-direction:column;
	}

.flex-container{
		flex-direction:column;
		margin: 3em;
	}

.vertical{
	writing-mode:horizontal-tb;
	margin: 0 auto;
	text-align: center;
	/*text-orientation: sideways;*/
	}

.featured-proj{
	margin: 0 auto;
	padding-top: 0.1em;
	max-width: 100%;
	color: darkred;
	font-family: 'oswald';
	font-size: 1.5em;
}

.featured-pic{
   	height: 350px;
}

.Ip{
	text-align: center;
	font-size: .8em;
}

.Sp{
	text-align: center;
		font-size: .8em;
}

.Cp{
	text-align: center;
		font-size: .8em;
}

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

.digital{
	padding-top: 1em;
}

.digital h2{
	height: 170px;
   }

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

.fabrication{
		flex-direction:column;

}

.fabrication h2{
	
	height: 170px;
}

.fabrication-pic{
   	max-width: 100%;
   	height: 200px;
   	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    transition: 0.3s;
}

.fabrication-proj p{
	font-size: 16px;
}

footer{
	font-size: 12px;
}


}

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

#bg-image{
	background-image: url("assets/Banner2-small.png");

}


.digital-flex{
	margin: 0 auto;
	flex-direction: column;
	margin-top: 2em;
	padding: 0;
}

.digital-proj{
	margin: 0 auto;
	padding: 0.8em;
}

.fabrication{
	padding-top: 1em;
	margin: 0 auto;
}

.container{
	flex-direction:column;
}

.fabrication-flex{
	display: flex;
	justify-content: space-around;
	padding: 2em;
		flex-direction: column;
		/*margin: 0 auto;*/
}

.fabrication-proj{
	/*margin: 0 auto;*/
		padding-left: 20%;
}

.fabrication-proj p{
	max-width: 60%;
	text-align: right;
}

.fabrication-pic{
	/*margin: 0 auto;*/
	height: 350px;
	width: 80%;
}

.digital h2{
	height: 130px;
   }

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

.fabrication h2{
	
	height: 130px;
}

}