.cream {background-color: #f1eceb;}
.plum {background-color: #431f4b;}
.plum90 {background-color: #57355d;}
.turquoise {background-color: #e9f4f0;}
.aqua {background-color: #7ecfc1;}

::selection { background: #ffd601; }
::-moz-selection { background: #ffd601; }


.description.floating {margin-top: 12%; margin-bottom: 0; padding-bottom: 0;}

.turquoise.padded {padding-top: 1%;}


.image1 {}
.image2 {padding-top:0;}
.image3 {}
.image4 {margin-top: 4%;}
.image5 {padding-bottom: 0.5%;}
.image6 {padding-bottom: 6%;}
.image6-small {padding-bottom: 4%;}
.image7 {padding-top: 4%;}
.image8 {padding-top: 6%; padding-bottom: 4%;}
.image8-small {padding-top: 6%; padding-bottom: 5%;}
.image9 {margin-bottom: 6%;}
.image10 {}
.image11 {padding-top: 2%; padding-bottom: 7%;}
.image11-small {padding-top: 4%;}

.vid1 {padding-top: 5%; padding-bottom: 8%;}
.vid2 {}
.vid3 {padding-top: 8%; padding-bottom: 8%;}

.web-video.vid3 video  {
	-webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,0.30);
	-moz-box-shadow: 0 0 20px 0 rgba(0,0,0,0.30);
	box-shadow: 0 0 20px 0 rgba(0,0,0,0.30);
	background: transparent;
	}

@media only screen and (min-width: 850px) and (max-width: 10000px) {

	blockquote h3 {
		font-size: 28px;
		line-height: 40px;
		letter-spacing: -0.035em;
		margin-bottom: 24px;
		-webkit-font-smoothing: antialiased;
	  	-moz-osx-font-smoothing: grayscale;
	  	}
}

@media only screen and (min-width: 200px) and (max-width: 599px) {
	.image4 {
		margin-top: 6%;
	}
	.description {
		padding-top: 3%; margin-top: 0;
	}
}

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