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

.sand {background-color: #f5dfd0}
.bluesky60 {background-color: #e2ebf1;}
.bluesky45 {background-color: #e9f0f4;}
.mauveblue {background-color: #7c7d98;}

.image1 {position: relative;}
.image2 {}
.image3 {margin-top: 8%;}
.image4 {margin-top: 8%; margin-bottom: 6%;}
.image5 {position: relative;}
.image6 {padding-top: 10%; padding-bottom: 2.5%;}
.image7 {padding-bottom: 2%;}
.image8 {}
.image9 {padding-bottom: 6%; padding-top: 4%;}
.image9-small {padding-bottom: 5%; padding-top: 8%;}
.image10 {}

.vid1 {margin-top: -4%;}
.vid1-small {margin-top: -3.75%;}

.image1 p.photocredit {bottom: 5%;}

.stamp {
	width: 100px;
	height: 100px;
	position: absolute;
	bottom: -30px;
	right: 9%;
	background-image: url('../images/stamp-static.svg');
	-moz-mix-blend-mode: multiply;
	-o-mix-blend-mode: multiply;
	mix-blend-mode: multiply;
}

.stamp img.outer {
	position: absolute;
	animation: spin 10s linear infinite;;
}
@keyframes spin {
  0% {
    transform: rotateZ(0);
  }
  100% {
    transform: rotateZ(360deg);
  }
}

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

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

@media only screen and (min-width: 901px) and (max-width: 990px) {
	h1.project-title span {
		display: none;
	}
}
@media only screen and (min-width: 200px) and (max-width: 599px) {
	.stamp {
		transform: scale(.75);
		bottom: -40px;
		right: 7%;
	}
}
@media only screen and (min-width: 200px) and (max-width: 315px) {
	h1.project-title span {
		display: none;
	}
}