body{
}

header{
	background-color: white;
}

p{
	font-family: futura BQ light, sans-serif;
	font-size: 1.2rem;
	line-height: 2.5rem;
	margin: 1rem 3rem;
}

h1{
	font-size: 1.5rem;
	font-family: Neue Haas Grotesk Display Pro, sans-serif;
	margin-right: 1rem;
	margin-bottom: 0;
}

h2{
	font-size: 2.25rem;
	font-family: futura BQ light, sans-serif;
	color: #163e96;
	padding-top: 7rem;
}

h3{
	font-size: 1.5rem;
	font-family: futura BQ light, sans-serif;
	color: #163e96;
}

header p{
	margin-right: 1rem;
	margin-top: 2rem;
	margin-bottom: 1rem;
	line-height: 1.5rem;
}

li{
	margin-bottom: 2rem;
	margin-right: 5rem;
	font-family: futura BQ light, sans-serif;
	font-size: 1.2rem;
}

footer{
	margin-top: 5rem;
	background-color: darkgrey;
	color: white;
}

.footer-text{
	display: flex;
	align-items: baseline;
}

.footer-text a{
	color: #163e96;
	text-decoration: none;
}

.footer-text a:hover, .footer-text a:focus, .footer-text a:active{
	color: black;
	transition-duration: 1s;
}




.top-header{
	display: flex;
	justify-content: flex-end;
	align-items: flex-end;
	align-items: baseline;
}

.nav-main-item{
	text-decoration: none;
	color: black;
	font-family: futura BQ, sans-serif;
	font-size: 1.5rem;
	margin: 2rem ;
	margin-right: 1rem;
}

.nav-main-item:hover, .nav-main-item:active, .nav-main-item:focus{
	text-shadow: 0 0 .05rem;
}

.nav-minor{
	margin-bottom: .5rem;
}

.nav-minor-item{
	text-decoration: none;
	color: black;
	font-family: futura BQ light, sans-serif;
	font-size: 1.125rem;
	margin-left: 2rem;
}

.nav-minor-item:hover, .nav-mionr-item:active, .nav-minor-item:focus{
	text-shadow: 0 0 .05rem;
}

.fix-side{
	position: fixed;
	margin-left: 40%;
	margin-right: 40%;
}

.nav-side{
	margin-top: 9rem;
	display: flex;
}

.nav-side-item{
	color: black;
	font-family: futura BQ, sans-serif;
	font-size: 1.125rem;
	text-decoration: overline;
	margin-bottom: 2rem;
	margin:0 .75rem;
}

.nav-side-item:hover, .nav-side-item:active, .nav-side-item:focus{
	text-shadow: 0 0 .05rem;
	border-radius: 5px;
	background-color: #163e96;
	color: white;
	transition-duration: 1s;
}

.fix-top{
	background-color: white;
	width: 100%;
	position: fixed;
	margin-top: -.5rem;
	top: 0;
	max-height: 50%;
	overflow: hidden;
}


.main-container{
	width: 70%;
	margin: auto;
	display: flex;
	flex-direction: column;
}





#brief{
	padding-top: 10rem;
	display: flex;
	align-items: center;
	margin-top: 2rem;
}

#brief img{
	width: 300px;
	height: auto;
}

#brief h3{
	margin: 1rem 3rem;
}

#art-philosophy{
	padding-top: 10rem;
	max-height: 400px;
	display: flex;
	align-items: center;
}

#art-philosophy img{
	margin-right: 1rem;
	width: auto;
	height: 230px;
}

#art-philosophy p{
	margin-top: 4rem;
}

.art-img{
	display: flex;
}

#career-timeline{
	padding-top: 10rem;
}

#career-timeline p{
	font-family: futura BQ medium, sans-serif;
}

#clients{
	padding-top: 10rem;
}

#clients p{
	font-family: futura BQ medium, sans-serif;
}

.list{
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}

#artwork{
	padding-top: 10rem;
}

.artwork-img{
	display: flex;
	justify-content: center;
}

.artwork-text{
	display: flex;
	flex-direction: column;
	justify-content: center;
}

#artwork img{
	margin: 1rem 2rem;
	height: 300px;
	width: auto;
}

.artwork-arrange{
	margin-top: 2rem;
	margin-bottom: 2rem;
	display: flex;
	align-items: center;
}

.artwork-arrange figcaption{
	margin-right: 2rem;
}

footer p{
	margin: 0 2rem;
}

figure{
	display: flex;
	flex-direction: column;
	align-items: center;
}

figcaption{
	font-family: futura BQ light,sans-serif;
	font-size: 1rem;
	margin-top: 1rem;
	margin-right: .75rem;
}