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

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


section.dark {background-color: #eeeeed;}
section.light {background-color: #f9f9f9;}

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;	
	}

.about {
	margin: 1% 6% 0 6%;
	padding-bottom: 9%;
	width: 75%;
	max-width: 810px;
}
.about h2 {
	font-size: 28px;
	line-height: 34px;
	letter-spacing: -0.035em;
	margin: 0 0 2.5% 0;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.web-video video  {
	background-color: white;
	background-image: url('../images/video-loading.png');
	background-repeat: repeat-y;
	background-size: contain;
	background-position: center;
	}

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

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

@media only screen and (min-width: 600px) and (max-width: 800px) {
	.about {
		margin: 1.75% 6% 0 6%;
		padding-bottom: 12%;
		width: 83%;
		max-width: 720px;
	}
	.about h2 {
		font-size: 28px;
		line-height: 34px;
		letter-spacing: -0.035em;
		margin: 0 0 2.5% 0;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}

}


@media only screen and (min-width: 376px) and (max-width: 599px) {
	.about {
		margin: 3% 6% 0 6%;
		padding-bottom: 12%;
		width: 83%;
		max-width: 600px;
	}
	.about h2 {
		font-size: 24px;
		line-height: 29px;
		letter-spacing: -0.035em;
		margin: 0 0 4% 0;
	}
	section {
		padding-top: 7%;
	}
}

@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: 200px) and (max-width: 375px) {
	.about {
		margin: 8% 6% 0 6%;
		padding-bottom: 15%;
		width: 83%;
		max-width: 600px;
	}
	.about h2 {
		font-size: 24px;
		line-height: 29px;
		letter-spacing: -0.035em;
		margin: 0 0 8% 0;
	}
	section {
		padding-top: 6%;
	}
}

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