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


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

p {
	margin: 10px 0 10px 0;
    color: #FFFFFF;
    font-family: 'tradegothic_condensed', CenturyGothic, sans-serif;
    line-height: 35px;
}

div#wrap{
	margin-top: 0 !important;
}

.hMainDiv{
	padding-left:5vw;
	padding-top:5vw;
	padding-bottom:5vw;
}

.headerText1{
	font-size:5vw;
	font-weight:1000;
}

.headerText2{
	font-size:9vw;
	font-weight:1000;
}

.smallHeader{
	font-size:2.4vw;
	font-weight:bold;
	color:#38133A;
	margin-bottom:1.3vw;
}
.paragraphText{
	font-size:1.5vw;
	margin-bottom:2vw;
	line-height:1.3em;
}

/* #nav-wrapper{
	margin-top:0 !important;
} */

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

.rowContainer{
	display:flex;
}

.bgImg{
	background-size:cover;
}

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

.stdDivComponent{
	margin-bottom:3vw;
}


	@media only screen and (max-width:900px){
		.hMainDiv{
			padding-left:0;
		}

		.smallHeader{
			font-size:6vw;
		}
		
		.stdDivComponent{
			margin-bottom:6vw;
		}
		
		.headerText1{
			font-size:7.5vw;
		}

		.headerText2{
			font-size:11.25vw;
			font-weight:1000;
		}

		.paragraphText{
			font-size:2.5vw;
			margin-bottom:5vw;
			
		}
		
		.vSmallHeader{
			font-size:2.7vw;
		}
		
		
	}
	
	
	
	@media only screen and (max-width:500px){	
		.headerText1{
			font-size:12vw;
			text-align:center;
		}
		
		.paragraphText{
			font-size:4vw;			
		}
		
		.headerText2{
			font-size:22vw;
			font-weight:1000;
		}
		
		
		.smallHeader{
			font-size:8vw;
			margin-bottom:3vw;
		}
		
		.vSmallHeader{
			font-size:5vw;
		}
		
		.stdDivComponent{
			margin-bottom:9vw;
		}

	}
	
/* splash ---------------------------------- */
#splash{
	background-color:#F4A847;
	padding-top:5vw;
}

#cofoundersDayLogo{
	width:31.05vw;
	height:48vw;
	background-image:url("../../images/cofoundersDay/CoFounders Day_Logo-white.png");
	margin-right:5vw;
	
}

#groupOnCubesImg{
	height:43vw;
	width:40.85vw;
	background-image:url("../../images/cofoundersDay/co-founder day-figure1.png");
}


	@media only screen and (max-width:900px){
		#splashRow{
			flex-direction:column;
			align-items:center;
		}
		
		#cofoundersDayLogo{
			width:62.1vw;
			height:96vw;
		}
		#groupOnCubesImg{
			height:64.5vw;
			width:61.3vw;
		}
		#splash{
			padding-top:10vw;
		}
	}

/* /splash --------------------------------- */



/* fillerDiv ---------------------------------- */

#peopleEquationDiv{
	padding-bottom:5vw;
}

#peopleEquationImg{
	
	background-image:url("../../images/cofoundersDay/co-founder day-figure2.png");
	width:80vw;
	height:28.47vw;
	margin-left:2vw;
	
}

.eqComponent{
	display:none;
}

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

		#eqImgContainer{
			justify-content:center;
			margin-left:0;
			flex-direction:column;
			align-items:center;
		}
		
		#peopleEquationImg{
			display:none;
		}
		
		.eqComponent{
			display:block;
			height:50vw;

		}
		
		#needIdea{
			background-image:url("../../images/cofoundersDay/need idea.png");
						width:33vw;

		}
		
		#plus{
			background-image:url("../../images/cofoundersDay/plus.png");
			width:15.3vw;
			height:16.3vw;
		}
		
		#needTeam{
			background-image:url("../../images/cofoundersDay/need team.png");
			width: 36.5vw;

		}
		
		#equals{
			background-image:url("../../images/cofoundersDay/equals.png");
			width: 15.3vw;
			height:10vw;
		}
		
		#network{
			background-image:url("../../images/cofoundersDay/network.png");
			width:53vw;
			margin-top:-6vw;
		}
	
	}

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

		.eqComponent{
			height:75vw;
		}

		#needIdea{
			width:49.5vw;
		}

		#needTeam{
			width:54.75vw;
		}

		#network{
			width:79.5vw;
		}
		
	}
/* /fillerDiv ---------------------------------- */









/* ------------------- about(ourNext) */


#ourNext{
	padding-top:5vw;
	padding-left:5vw;
	background-color:#8bCCD4;
	
}

#ourNextContainer{
	justify-content:center;
	position:relative;
	flex-wrap:wrap;
}

#logHeader{
	width:100vw;
	font-size: 5.25rem;
    color: #FFFFFF;
    font-weight: bolder;
    font-family: 'tradegothic_condensed', CenturyGothic, sans-serif;
    letter-spacing: 2px;
}

.aboutText{
	color:white !important;
	font-weight:100 !important;
	width:35vw !important;
	margin-right:14vw !important;
	margin-left:-14vw !important;
	font-size: 1.35rem !important;
}


#textContainer{
	margin-left:2vw;
	margin-top: -5%;
}

.stdDivComponentContainer{
	height:3vw;
	width:29vw;
	display:flex;
}

.hIcon{
	width:3vw;
	height:3vw;
}

.tba{
	margin-left:5vw;
	margin-top:0.25vw;
	color:white;
	font-size: 1.5rem;
}

#calendar{
		background-image:url("../../images/coffeeDay/Calendar.png");
		width:2.8vw;
}

#clock{
		background-image:url("../../images/coffeeDay/Clock.png");
}

#placeholder{
		background-image:url("../../images/coffeeDay/Placeholder.png");
		width:3.07vw;
		
}

@media only screen and (max-width:900px){
	#ourNextContainer{
		flex-direction:column;
		align-items:center;

	}
	
	#ourNext{
		padding-left:0;
		padding-top:10vw;
	}
	
	#logHeader{
		width:auto;
	}
	
	.aboutText{
		margin-right:0 !important;
		margin-left:0 !important;
		width:70vw !important;
		margin-bottom: 15% !important;
	}
	


	
	#aboutText2{
		margin-bottom:10vw;
	}
	
	#groupImg{
		margin-bottom:5vw;
		margin-right:0;
		margin-left:0;
		width:65.4vw;
		height:30vw;
	}
	
	.hIcon{
		width:9vw;
		height:9vw;
	}
	
	.tba{
		margin-top:1.5vw;
	}

	.stdDivComponentContainer{
		height:10vw;
		width:70vw;
	}
	
	#calendar{
		width:9vw;
		height:9.6vw;
	}
	
	#placeholder{
		width:9.2vw;
	}
	
	#textContainer{
		align-items:center;
		margin-left:0;
	}
}

@media only screen and (max-width:500px){
		
	#aboutTextContainer{
		margin-bottom:8vw
	}
}

/*  /ourNext (about) -------------------------*/


/* lastDiv ----------------------------------*/


#lastDiv{
	padding-bottom:5vw;
}

#lastDivHeader{
	color:#F4A847;
	width:40vw;
	line-height:1.3em;
	margin-bottom:3vw;
}

#ideaMarket{
	background:none;
	background-image:none;
	background-color:#F4A847;
	padding:1vw 4vw;
	width:30vw;
	color:white;
}


@media only screen and (max-width:900px){
	
	#lastDivHeader{
		width:auto;
	}
	#lastDivColumn{
		align-items:center;
	}
}






/*   /lastDiv --------------------------------*/