@media only screen and (min-width: 800px) {
	.video-wrapper {
		max-width: 50%
	}

}
@media only screen and (min-width: 1000px) {
	#logo, .video-wrapper {
		max-width: 500px
	}
	img.photo, img.photo.wide {
		max-width: 800px
	}
	a.lookbook img {
		margin: 3%
	}
}
@media only screen and (max-height: 800px) and (min-width: 500px) {
	#logo {
		max-height: 120px;
	}
	img.photo {
		max-height: 400px;
	}
	img.photo.wide {
		max-height: 100%;
	}
}
@media only screen and (max-width: 500px) {
	.video-wrapper {
		width: 90%
	}
	#logo {
		width: 80%
	}
	img.photo, img.photo.wide {
		max-width: 80%;
		width: 80%;
		box-shadow: 0 0 2px 2px #eeeeee

	}
	section#about img {
		float: none;
		margin: auto;
		max-width: 90%;
		background-size: contain
	}
	section#about p {
		padding-top: 1em;
		max-width: 90%;
		width: 90%
	}

}