* {
	-moz-transition: width 0.3s ease-in-out, left 0.5s ease-in-out;
	-webkit-transition: width 0.3s ease-in-out, left 0.5s ease-in-out;
	-moz-transition: width 0.3s ease-in-out, left 0.5s ease-in-out;
	-o-transition: width 0.3s ease-in-out, left 0.5s ease-in-out;
	transition: width 0.3s ease-in-out, left 0.5s ease-in-out;
}

@media (max-width: 1025px) {
	.about-extra {
		height: 88vh;
		background-color: #f9f9f9;
		margin: auto;
	}
}

@media (max-width: 950px) {
	.hero-text {
		top: 50%;
		left: 50%;
		transform: translateX(-50%) translateY(-50%);
		width: 80vw;
		margin-left: auto;
		margin-right: auto;
	}
	.hero-text h2 {
		font-size: 20px;
		font-family: acumin-pro, sans-serif;
		font-weight: 700;
	}
	.hero-text h3 {
		font-size: 50px;
		font-family: arno-pro-display, serif;
		font-weight: 700;
		line-height: 1.3;
	}
	.project-intro-text,
	.home-intro-text,
	.about-intro-text {
		max-width: 80vw;
		margin-left: auto;
		margin-right: auto;
	}
	.project-intro .intro-left,
	{
		font-size: 30px;
	}
	.home-intro .home-intro-right {
		width: 30%;
		padding-left: 10px;
	}
	.home-intro .home-intro-left {
		font-size: 30px;
	}
	.about-intro .about-intro-text h4 {
		font-size: 30px;
	}
	.body-text {
		width: 80vw;
		margin: 80px auto 80px auto;
	}
	.body-text-right {
		padding: 0px 40px 0px 30px;
	}
	.about-extra {
		height: 85vh;
	}
	.about-extra-text {
		display: inline;
		flex: nowrap;
	}
	.about-column-right {
		margin: 0px;
		padding: 0px;
		padding-top: 30px;
		width: 90%;
	}
	.home-intro .home-intro-right img {
		max-width: 300px;
		padding-right: 0px;
	}
}

@media (max-width: 800px) {
	.project-intro .intro-right {
		width: 55%;
		padding-left: 50px;
		margin-left: auto;
		margin-right: auto;
	}
	.project-intro .intro-right .project-specs {
		max-width: 550px;
	}
	.body-text {
		font-size: 12px;
	}
	.body-text-right {
		width: 90%;
		padding: 0px 0px 0px 30px;
	}
	.body-text-left h6 {
		font-weight: 700;
		max-width: 90%;
		font-size: 13px;
	}
	.about-text-left h6 {
		max-width: 100%;
	}
	.body-text-left {
		font-size: 13px;
	}
	.body-text-left p {
		font-size: 13px;
		line-height: 1.5;
		margin-top: -20px;
	}
	.embed-vid-pol .pol-video {
		width: 100%;
	}
	.about-intro .about-intro-left {
		line-height: 1.1;
		max-width: 80%;
	}
	.about-intro .about-intro-text h4 {
		font-size: 26px;
	}
	.about-content .body-text-right p {
		font-size: 14px;
		width: 95%;
	}
	.about-column-left {
		display: inline;
	}
}

@media (max-width: 670px) {
	.hero-text h2 {
		font-size: 16px;
		font-family: acumin-pro, sans-serif;
		font-weight: 700;
	}
	.hero-text h3 {
		font-size: 40px;
		font-family: arno-pro-display, serif;
		font-weight: 700;
		line-height: 1.1;
	}
	.home-intro {
		height: 90vh;
		padding: 150px 50px 150px 50px;
		margin: auto;
	}
	.home-intro .home-intro-right {
		margin-bottom: 120px;
		padding-bottom: 40px;
	}
	.home-intro .home-intro-left {
		font-size: 28px;
	}
	.about-intro .about-intro-left {
		font-size: 28px;
		max-width: 100%;
	}
	.home-intro .home-intro-left p {
		max-width: 100%;
	}
	.home-intro-text {
		top: 5vh;
		display: inline;
		flex: nowrap;
	}
	.home-intro .home-intro-left {
		display: inline;
	}
	.home-intro .home-intro-right {
		display: inline;
	}
	.home-intro .home-intro-right div {
		width: 340px;
	}
	.home-intro .home-intro-right img {
		display: inline;
		max-width: 500px;
		padding-top: 30px;
		margin-left: -10px;
	}

	.home-content{
		width: 85vw;
	}

.home-content .content-row{
	margin-top: 0px;
}
	.home-content .content-row div {
    width: 100%;
		padding-top: 50px;
    margin: auto;
}

.content-row .imgBox .home-project-title{
	font-size: 28px;
	line-hieght: 1.5;
}

.content-row .imgBox .home-project-desc {
	font-size: 20px;
}
	.about-intro {
		height: 60vh;
		padding: 150px 50px 150px 50px;
		margin: auto;
	}
	.about-intro-text {
		display: inline;
		flex: nowrap;
	}
	.about-content {
		max-widtH: 100vw;
		padding: 50px 0px;
	}
	.about-text-left img {
		display: inline;
		max-width: 100vw;
		padding: 0px 50px;
	}
	.project-intro {
		height: auto;
		padding: 50px 50px 50px 50px;
		margin: auto;
	}
	.project-intro .intro-left {
		font-size: 26px;
	}
	.project-intro .intro-right {
		margin-bottom: 120px;
		padding-bottom: 40px;
	}
	.project-intro-text {
		display: inline;
		flex: nowrap;
		top: 10%;
	}
	.project-intro .intro-left {
		display: inline;
	}
	.project-intro .intro-right {
		display: inline;
	}
	.project-intro .intro-right div {
		width: 340px;
	}
	.footer-text {
		margin: 50px;
	}
	.footer-text {
		display: inline;
	}
	.footer-text .footer-left div {
		width: 240px;
	}
	footer .next-proj {
		margin-left: -1px;
		margin-top: 50px;
		margin-bottom: 25px;
	}
	.next-proj a {
		margin-left: 0px;
	}
	.next-proj p {
		font-family: arno-pro, serif;
		font-weight: 400;
		font-style: normal;
		font-size: 26px;
		line-height: 1.1;
		padding-top: 05px;
		color: darkgray;
		margin-left: 0vw;
	}
	.proj-next {
		margin: 0px;
		padding: 0px;
	}
	.body-text {
		font-size: 14px;
		display: inline;
		flex: nowrap;
	}
	.body-text-left {
		display: inline;
	}
	.body-text-right p {
		padding: 0px 50px 50px 50px;
	}
	.body-text-right {
		display: inline;
	}
	.body-text-left h6 {
		padding: 0px 50px 0px 50px;
		font-size: 15px;
		/*		width: 500px;*/
	}
	.body-text-left p {
		font-size: 14px;
		line-height: 1.5;
		margin-top: -2px;
		padding: 50px 50px 0px 50px;
	}
	.img-inner-01 {
		padding: 25px 50px;
		margin: 0px;
	}
	.two-images-inner {
		display: inline;
	}
	.two-images-inner div {
		width: 100vw;
		margin-left: auto;
		margin-right: auto;
		padding: 0px 50px 25px 50px;
	}
	.two-images-inner div:first-child {
		padding: 25px 50px 25px 50px;
	}
	.two-images-inner div:nth-child(2) {
		padding: 0px 50px 25px 50px;
	}
	.spacing-between-small {
		height: 0px;
	}
	.spacing-between {
		height: 0px;
	}
	.img-fullwidth {
		padding: 0px 0px;
		margin: 0px;
	}
	.embed-vid-pathways .pathways-video {
		padding: 30px 0px 30px 0px;
		display: block;
		width: 90%;
	}
	.embed-vid-anew .anew-video {
		padding: 0px 0px 0px 0px;
		display: block;
		width: 100%;
	}
	.embed-vid-md-intro .md-video-intro {
		padding: 0px 0px 0px 0px;
		display: block;
		width: 100%;
	}

	.about-extra{
		height: 750px;
	}

	footer {
	    padding: 5vw 8vw;
	}

	.footer-text .footer-left div {
    width: 500px;
}
	footer .footer-left {
    font-size: 18px;
    line-height: 1.3;
}

@media (max-width: 425px) {

	.nav {
/*width: 100vw;*/
/*	right: -400px;*/

}
	nav .mainlinks a {
		font-size: 65px;
	}
	nav .social a {
		font-size: 24px;
	}
	nav .menu-contact a {
		font-size: 20px;
	}
	.img-fullwidth {
		padding: 0px 0px;
	}
	.img-inner-01 {
		margin-left: auto;
		margin-right: auto;
		padding: 00px 0px;
		margin-top: 0px;
		margin-bottom: 0px;
	}
	.home-intro .home-intro-left {
		font-size: 24px;
		width: 100%;
	}
	.home-intro .home-intro-left p {
		max-width: 100%;
	}
	.about-intro .about-intro-left {
		font-size: 24px;
		max-width: 100%;
	}
	.about-intro {
		height: 65vh;
	}
	.project-intro {
		height: 80vh;
		padding: 50px 50px 50px 52px;
		margin: auto;
	}
	.body-text-left h6 {
		max-width: 100%;
	}
	.two-images-inner div {
		width: 100vw;
		margin-left: auto;
		margin-right: auto;
		padding: 0px 50px 25px 50px;
	}
	footer {
		margin-top: 50px;
	}
	footer .next-proj {
		width: 100vw;
		padding-bottom: 0px;
		margin-bottom: 10px;
	}
	.about-column-right {
		display: inline;
		flex: wrap;
	}
	.about-column-right div {
		width: 100%;
	}

	.about-extra{
		height: 1090px;
	}
	.about-extra-text {
		display: inline;
		flex: nowrap;
	}
	.about-column-right {
		padding-top: 0px;
		width: 100%;
	}
	.res-left {
		padding-left: 0px;
		padding-top: 30px;
		padding-right: 0px;
	}
	.res-right {
		padding-left: 0px;
		padding-top: 20px;
	}
	.about-column-right {
		margin: 50px;
		width: 100%;
	}
}
