.introduction{
	display: flex;
	min-height: 130vh;
	padding-left: 12%;
	background-color: var(--primary-background);

}
.header_description{
	flex: 1;
	width: 85%;
	color: var(--accent-color);
}
.header_description h1{
	margin-top: var(--spacing-unit-8x);
}
.header_description p{
	max-width: 56ch;
	margin-top: var(--spacing-unit-2x);
}
.project_carousel{
	position: relative;
	height: 600px;
	padding-block: var(--spacing-unit-12x) 0 calc(var(--spacing-unit-12x) * 2.5);

}
.project_carousel img{
	position: absolute;
	z-index: 1;
	width:1050px;
	height: 600px;
	background-color: var(--neutral-background);
	object-fit: cover;
}
/*.main_cta{
	margin-bottom: 192px;
}*/
.content_wrapper{
	max-width: 1200px;
}
.colored_section.accent{
	background-color: var(--accent-color);
}

.colored_section h2{
	margin-bottom: var(--spacing-unit-0);
	font-size: var(--font-size-3);
}
.colored_section p{
	font-size: calc( var(--font-size-2) / 1.3);
}
/*.main_cta a{
	margin-left: 10px;
	padding: var(--spacing-unit-2x) var(--spacing-unit-4x);
	background: linear-gradient(to left, var(--secondary-background) 50%, var(--accent-color) 50%);
	background-color: var(--secondary-background);
	color: var(--light-text-color);
	font-size: var(--font-size-0);
	font-weight: bold;
	text-transform: uppercase;
	background-size: 200% 100%;
	background-position: right bottom;
}*/
.aside{
	flex:1;
	max-width: 15%;
}
/*.projects_cont a{
	display:inline-block;
	margin-top: var(--spacing-unit-2x);
	margin-left:0;
	padding: var(--spacing-unit-2x) var(--spacing-unit-4x);
	font-size: var(--font-size-0);
	font-weight: 400;
	letter-spacing: 1.5px;
}*/
.logo{
	display: flex;
	background-color: var(--secondary-background);
	color: var(--accent-color);
	font-size: var(--font-size-4);
	line-height: 180px;
	justify-content: center;
	align-content: center;
}
.accent_color{
	height: calc(100% - 180px);
	background-color: var(--accent-color);
}
.about{
	display: flex;
	min-height: 100vh;
}
.about .about_me{
	flex: 4;
	box-sizing: border-box;
	padding: var(--spacing-unit-7x);
	order: 2;
}
.about .philosophy{
	flex: 1;
	box-sizing: border-box;
	padding: var(--spacing-unit-7x);
	background-color: var(--secondary-background);
	color: var(--accent-color);
	font-weight: 500;
	order: 1;
	align-content: flex-end;
}
.about_me p{
	max-width: 48ch;
}
h2.small_heading {
	margin-bottom: var(--spacing-unit-2x);
	color: var(--light-text-color);
	font-size: var(--font-size-0);
	font-weight: 600;
	text-transform: uppercase;
	font-family: var(--body-font);
	word-spacing: .5px;
}
h2.med_heading{
	margin: 0;
	padding-left: var(--spacing-unit-7x);
}
.project_highlight{
	display: flex;
	box-sizing: border-box;
	width: 100%;
	min-height: 80vh;
	padding-top: var(--spacing-unit-6x);
	background-color: var(--neutral-background);
	flex-direction: column;
	justify-content: space-between;
}
.project_highlight .description{
	margin-bottom: var(--spacing-unit-8x);
}
.project_highlight .description > p{
	max-width: 80ch;
	padding-left: var(--spacing-unit-7x);
	font-size: 12px;
	line-height: 1.5;
}
.projects_cont{
	position: relative;
	display: flex;
}
.projects_cont .item{
	flex: 1;
	box-sizing: border-box;
	min-height: 300px;
	padding: 0 var(--spacing-unit-7x) var(--spacing-unit-15x);
	transition: background 0.4s ease;
}
.projects_cont .item:not(:last-child){
	border-right: var(--border-width) solid #c1c1c1;
}
.item svg{
	max-width: 32px;
	transform: rotate(180deg);
}
.project_highlight h3{
	margin-top: 0;
	color: var(--secondary-text-color);
	font-family: var(--body-font);
	letter-spacing: var(--letter-spacing-heading);
}

.project_highlight p{
	margin-top: var(--spacing-unit-2x);
	color: var(--dark-link-text-color);
	font-size: var(--font-size-0);
}

.item:last-child{
	display: flex;
	align-items: center;
	justify-content: center;
}

.projects_cont .item .all_projects{
	display: flex;
	align-content: center;
}
.project_highlight .all_projects h3{
/*	margin: 60% auto 0;*/
	margin: 160% auto 0;
	font-weight: 400;
	transition: opacity 0.4s ease;
	opacity: 0;
}

.project_highlight .item:hover .all_projects h3{
	opacity: 1;
}
.project_highlight .item:hover .all_projects .arrow{
	transform: translateX(88px);
}
.projects_cont .item .all_projects .arrow{
	position: absolute;
	bottom: calc(var(--spacing-unit-15x) / .96);
	left: 45%;
	z-index: 2;
}

@media screen and (max-width: 500px){
	.introduction{
		min-height: 100vh;
		padding-right: var(--spacing-unit-3x);
		padding-left: var(--spacing-unit-3x);
	}
	.aside{
		display: none;
	}
	.project_carousel{
		height: 280px;
		padding-block: var(--spacing-unit-10x);
	}
	.project_carousel img{
		max-width: 100%;
		height:auto;
	}
	.projects_cont, .about{
		flex-direction: column;
	}
	.about .about_me{
		width: 100%;
		padding: var(--spacing-unit-4x) var(--spacing-unit-3x);
		order: 1;
	}
	.about .philosophy{
		width: 100%;
		padding: var(--spacing-unit-4x) var(--spacing-unit-3x);
		order: 2;
	}
	.header_description{
		width: 100%;
	}
	h2.med_heading{
		padding-left:var(--spacing-unit-4x);
	}
	.colored_section h2{
		margin-top: 0;
	}
	.colored_section.accent p{
		font-size: var(--font-size-1);
	}
	.content_wrapper{
		max-width: 100%;
		padding: var(--spacing-unit-6x) var(--spacing-unit-3x);
	}
	.item:first-of-type{
		padding-top: var(--spacing-unit-3x);
	}
	.projects_cont .item{
		min-height: 200px;
		padding: var(--spacing-unit-4x);
	}
	.project_highlight .description{
		margin-bottom: var(--spacing-unit-3x);
	}
	.project_highlight .description > p{
		width: 44ch;
		padding-left: var(--spacing-unit-4x);

	}
}