::selection { background: rgba(255,255,255,0.65); }
::-moz-selection { background: rgba(255,255,255,0.65); }

html {background: none;}
body {background: #000;}

section {background-color: #efefed;	}
section.white {background-color: #fff;}

.full-col {
	padding-bottom: 3%;
}

h4 a {
	color: #fff;
}

.two-three h1.project-title {
	color: #fff;
}

.two-three p.large {
	color: #fff;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;	
}

.two-three a {
	color: #fff;
	text-decoration: none;
	}

.two-three p a {
  	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff));
	background: -o-linear-gradient(#fff 0%, #fff 100%);
  	background: linear-gradient(#fff 0%, #fff 100%);
 	background-position: 0 100%;
	background-repeat: repeat-x;
	background-size: 1px 1px;
  	color: #fff;
  	text-decoration: none;
  	-webkit-transition: all .1s ease;
  		-moz-transition: all .1s ease;
  		-o-transition: all .1s ease;
  		transition: all .1s ease;
	}	

.two-three p a:hover {
	background-size: 100% 100%;
	color: #222;
	-webkit-font-smoothing: auto;
	-moz-osx-font-smoothing: unset;	
	}

.half {
	margin: 0;
	padding: 0 0 3% 0;
	max-width: 100%;	
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 1fr 1fr;
	grid-template-columns: repeat(2);
}

.leftimg {
	-ms-grid-column: 1;
	-ms-grid-column-span: 1;
	grid-column: 1 / span 1;
}

.rightimg {
	-ms-grid-column: 2;
	-ms-grid-column-span: 1;
	grid-column: 2 / span 1;
}

.top {
	padding: 0;
}

p.large.desc {
	width: 75%;
	max-width: 850px;
}

.closer {
	padding: 6% 6% 12% 0;
	margin-left: 6%;
	max-width: 600px;
}


.closer h4 {
	margin: 1% 0 30px 0.15rem;
	}

h3 {
	margin-bottom: 2.5%;
}

h3 a {
  		opacity: 0.5;
  		background: -webkit-gradient(linear, left top, left bottom, from(#222), to(#222));
	background: -o-linear-gradient(#222 0%, #222 100%);
  	background: linear-gradient(#222 0%, #222 100%);
 	background-position: 0 100%;
	background-repeat: repeat-x;
	background-size: 2px 2px;
  	color: #222;
  	text-decoration: none;
  	-webkit-transition: all .1s ease;
  		-moz-transition: all .1s ease;
  		-o-transition: all .1s ease;
  		transition: all .1s ease;
	}	

h3 a:hover {
	opacity: 1.0;
	background-size: 100% 100%;
	color: #fff;
	}

span.one {
	font-feature-settings: 'tnum' on, 'lnum' on;}

@media only screen and (min-width: 200px) and (max-width: 950px) {
	.closer {
		max-width: 460px;	
	}

	.closer h3 {
		font-size: 28px;
		line-height: 36px;
		letter-spacing: -0.035em;
		margin-bottom: 15px;
	}
}


@media only screen and (min-width: 901px) and (max-width: 1120px) {
	h1.project-title span {
		display: none;
	}
}

@media only screen and (min-width: 681px) and (max-width: 10000px) {
	.show-200to680 {
		display: none !important;
	}
}


@media only screen and (min-width: 200px) and (max-width: 680px) {
	.hide-200to680 {
		display: none !important;
	}
	.show-200to680 {
		display: inline-block !important;
	}
}

@media only screen and (min-width: 681px) and (max-width: 920px) {
	p.large.desc {
		width: 88%;
	}
		section {
		padding: 0 0 3% 0;
	}
}

@media only screen and (min-width: 600px) and (max-width: 849px) {
	.bottom {
		padding: 0 0 8% 0;
	}
}

@media only screen and (min-width: 375px) and (max-width: 680px) {
	p.large.desc {
		width: 95%;
	}
	.half {
		display: inline-block;
		padding-bottom: 6%;
	}

	section {
		padding: 3% 0 6% 0;
	}

	.switch {
		display: grid;
		padding-bottom: 6%;

	}
	.bottom {
		order: 2;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
		grid-column: 1 / span 1;
	}

	.top {
		order: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
		grid-column: 1 / span 1;
	}

}	
@media only screen and (min-width: 440px) and (max-width: 599px) {
	.bottom {
			padding: 0;	
		}
}


@media only screen and (min-width: 400px) and (max-width: 550px) {
	.closer {
			max-width: 340px;	
		}
}

@media only screen and (min-width: 200px) and (max-width: 374px) {
	h1.project-title span {
		display: none;
	}
	.half {
		display: inline-block;
		padding-bottom: 6%;
	}

	section {
		padding: 3% 0 6% 0;
	}
	.switch {
		display: grid;
		padding-bottom: 6%;

	}
	.bottom {
		order: 2;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
		grid-column: 1 / span 1;
	}

	.top {
		order: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
		grid-column: 1 / span 1;
	}
}

@media only screen and (min-width: 200px) and (max-width: 375px) {
	p.large.desc {
		width: 100%;
	}
	section {
		padding: 6% 0 9% 0;
	}

}
@media only screen and (min-width: 640px) and (max-width: 10000px) {
	.prev {
		grid-column: start / 12;
		margin-bottom: 0;
	}

	.next {
		grid-column: 17 / end;
		margin-bottom: 0;
	}
}


@media only screen and (min-width: 200px) and (max-width: 639px) {
	.prev {
		display: none !important;
	}
	.next {
		grid-column: start / end;
		margin-bottom: 0;
	}
}


@media only screen and (min-width: 200px) and (max-width: 340px) {
	.prevnext a {
		font-size: 45px;
		line-height: 48px;
	}
}