main.work a{
	padding-bottom: 2px;
	border-bottom: 1px solid;

	transition: border-bottom .25s ease;
}

main.work a:hover{
	border-bottom: none;
}

main.work .project-desc{
	padding-top: 100px;
	padding-bottom: 100px;
}

main.work .project-comm{
	padding-bottom: 100px;
}

.project-image{
	padding-top: 50px;
	padding-bottom: 50px;
}

.project-slideshow{
	padding-top: 50px;
	padding-bottom: 50px;
}

.project-image.wrapper, .project-slideshow.wrapper{
	padding-left: 0;
	padding-right: 0;
}

.project-slides{
	position: relative;
  	width: auto;
}

.project-slide{
	opacity: 0;
	z-index: 0;
 	position: absolute;
 	bottom: 0;
 	left: 0;
 	top: 0;
 	right: 0;

 	transition: opacity .4s ease;
}

.project-slide:hover{
	cursor: pointer;
}

.project-slide.active{
	opacity: 1;
	z-index: 2;
}

.landscape{
	max-width: 1200px;
}

.portrait{
	max-width: 800px;
}

.slide-number p{
	text-align: right;
}

.pull-quote{
	padding-top: 100px;
	padding-bottom: 100px;
}

.pull-quote h1{
	max-width: 75%;
}

.project-info{
	padding-top: 50px;
	padding-bottom: 100px;
}

.next-project{
	text-align: right;
	padding-top: 50px;
	padding-bottom: 50px;
	background-color: rgba(0, 0, 0, 0);

	transition: background-color .25s ease;
}

.next-project:hover{
	background-color: rgba(0, 0, 0, .1);
	cursor: pointer;
}

.next-project a{
	padding-bottom: 0;
	border-bottom: none !important;
}


/* MEDIA QUERIES */

@media only screen and (min-width: 700px){

	main > section{
		margin: 0 auto;
		text-align: center;
	}

	main.work .project-desc{
		padding-top: 200px;
		padding-bottom: 200px;
	}

	main.work .project-comm{
		padding-bottom: 200px;
	}

	.project-image{
		padding-top: 100px;
		padding-bottom: 100px;
	}

	.project-slideshow{
		padding-top: 100px;
		padding-bottom: 100px;
	}

	.pull-quote{
		padding-top: 200px;
		padding-bottom: 200px;
	}

	.project-info{
		padding-top: 100px;
		padding-bottom: 200px;
	}

	.project-desc, .project-comm{
		max-width: 650px;
		text-align: left;
	}

	p{
		max-width: 100%;
	}

	.project-image.wrapper, .project-slideshow.wrapper{
		padding-left: 7%;
		padding-right: 7%;
	}

	.slide-number p{
		text-align: center;
	}

	.pull-quote{
		padding-top: 200px;
		padding-bottom: 250px;
	}

	.pull-quote h1{
		max-width: 100%;
	}

	.pull-quote, .project-info{
		text-align: center;
	}

}