/*//////////////////// OTHER ///////////////////////*/

nav a{
	width: 31.8%;
	display: inline-block;
	/*background-color: green;*/
}

.nav-center{
	text-align: center;
}

.nav-right{
	text-align: right;
}

.project-list{
	padding-top: 3.5rem;
}

.projectlist{
	padding-top: 3.5rem;
}

.flex-container{
	display: flex;
	flex-direction: row;
}

/*.flex-item{
	margin: 0;
	padding: 0;
	flex: 1;
}*/

.flex-list-50{
	/*width: 50%;*/
	margin: 0;
	padding: 0;
	flex: 1;
	overflow: hidden;
}

.flex-item{
	margin: 0;
	padding: 3rem 0 3rem 2rem;
	flex: 1;
}

.flex-75{
/*	width: 75%;
*/	margin: 0;
	padding: 3rem 0 0rem 2rem;
	flex: 3;
}

.flex-75-bare{
/*	width: 75%;
*/	margin: 0;
	margin-left: -.7rem;
	padding: 0 0 0rem 0rem;
	flex: 3;
}

.flex-60{
/*	width: 75%;
*/	margin: 0;
	padding: 3rem 0 0rem 2rem;
	flex: 2;
}

.flex-40{
	margin: 0;
	/*padding: 3rem 0 3rem 2rem;*/
	flex: 1;
}

.width-60{
	width: 65%;
	padding-bottom: 3rem;
}

.info-40{
	width: 60%;
	padding-bottom: 2.5rem;
}

.width-50{
	/*width: 47.1%;*/
	width: 32.45%;
	display: inline-block;
	vertical-align: middle;
	padding-bottom: 3rem;
}

.width-30{
	width: 20%;
	display: inline-block;
	padding-right: 1.8rem;
	vertical-align: top;
	padding-bottom: 1.5rem;
}

.pc-30{
	width: 32%;
	display: inline-block;
	vertical-align: middle;
	padding-bottom: 3rem;
	padding-right: 3rem;
}

.pc-20{
	width: 27%;
	display: inline-block;
	padding-right: 1.8rem;
	vertical-align: middle;
	padding-bottom: 1.5rem;
}



.padded-item{
	width: 92%;
	padding: 4.5% 4%;
}

.padded-item2{
	width: 100%;
	/*padding: 2% 10%;*/
}

.ew-padding{
	width: 92%;
	/*padding: 4.5% 4%;*/
	display: inline-block;
	/*vertical-align: middle;*/
}

/*.extramargin-4{
	padding-top: 3%;
	padding-bottom: 3%;
}*/

@media (max-width: 1400px){
	.info-40{
		width: 95%;
		padding-right: 0;
	}

	.flex-60, .flex-40{
		flex: auto;
	}

	/*#profileimg{
		flex: auto;
	}*/

	#infoheader{
		margin-top: 5%;
		margin-bottom: 0;
		padding-bottom: .5rem;
		font-size: 1.6em;
		line-height: 130%;
	}

	#infobody{
		font-size: 1.1em;
		line-height: 140%;
		margin-bottom: 0;
	}
}


@media (max-width: 1100px){
	h1{
		font-size: 2.5em;
	}

	h3{
		margin-bottom: 0;
	}

	.project-page h1{
		font-size: 3.8em;
	}

	.width-60, .width-50, .pc-30, .pc-20{
		width: 95%;
		padding-right: 0;
	}

	.width-60{
		padding-bottom: 1rem;
	}

	.width-30{
		width: 70%;
		padding-right: 0;
	}

	.padded-item{
		width: 100%;
		/*padding: 1.5rem 0;*/
		padding: 0;
	}

	#beachyoga{
		width: 40%;
		padding: 1rem 28%;
	}

	.padded-item2{
	width: 100%;
	/*padding: 2% 10%;*/
}



}


@media (max-width: 900px){
	nav{
		padding: .8rem 1rem .8rem 1rem;
	}

	nav a{
		width: 29%;
		font-size: .85em;
	}

	p{
		font-size: .85em;
	}

	.cursor-follower{
		display: none;
	}

	.borderleft{
		border-left: 0px solid #333;
	}

	.flex-container{
		flex-direction: column;
		flex: auto;
	}

	.flex-list-50{
		/*width: 100%;*/
		flex: auto;
	}

	.flex-item{
		padding: 1rem 0 1rem 1rem;
		flex: auto;
	}

	.flex-75{
		/*width: 100%;*/
		padding: 0rem 0 1rem 1rem;
		flex: auto;
	}

	.flex-75-bare{
		/*margin: 0;*/
		/*margin-left: -.7rem;*/
		padding: 0 0 0rem 0rem;
		flex: auto;
	}

	.project-list-text h1{
		margin-left: 1rem;
	}

	.project-list-text p{
		margin-left: 1rem;
	}

	.projectpage-header{
		padding: 8rem 0 1rem 1rem;
	}

	.width-60 p{
		margin-top: 0;
	}

	.borderbottom-mobile{
		border-bottom: 0;
	}

	.borderleft-white{
		/*border-color: #333;*/
		border: 0;
	}

	.info-item{
		border-top: 1px solid #333;
	}

	.info-item p{
		text-align: center;
		padding: 5%;
	}

	.info-item h1{
		text-align: center;
		padding: 10% 20%;
	}

	.nextproject{
		font-size: 1.5em;
		padding: 0.1rem 0 0.1rem 0;
		text-align: center;
	}

	.quote3{
		font-size: 1.3em;
	}
	
}