@media screen and (max-width: 800px) {
	h1 {
		font-size: 130%;
		line-height: 70px;
		white-space: nowrap;
	}

	.submitted h1 {
		width: 2em;
		overflow: hidden;
	}

	#headerAboutLink {
		margin-right: 0.7em;
	}

	#headerAboutLink:after {
		display: none;
	}

	#headerAboutLink .unresponsive {
		display: none;
	}

	#headerAboutLink .responsive {
		text-transform: capitalize;
	}

	header input[type=text] {
		width: 12em;
		border-bottom-color: rgba(0,0,0,0);
		text-align: right;
	}

	header input[type=submit] {
		display: none;
		margin-left: 0;
		border-color: rgba(0,0,0,0);
	}

	header input[type=submit].shorter {
		display: inline;
	}

	header .submitting input[type=submit] {
		background-size: 21px;
	}

	#saveImage {
		display: none;
	}

	#intro,
	.page,
	#about {
		top: 70px;
	}

	#intro form {
		display: block;
		width: 80%;
		text-align: center;
	}

	#intro input[type=text] {
		width: 100%;
		font-size: 120%;
	}

	#intro input[type=submit] {
		width: 50%;
		margin: 0 auto;
		margin-top: 2em;
		font-size: 100%;
	}

	#intro .submitting input[type=submit] {
		background-size: 24px;
	}

	.tweet {
		font-size: 2vw;
	}

	#aboutLink {
		display: none !important;
	}

	.submitted #aboutLink {
		opacity: 1;
		pointer-events: auto;
	}

	.submitted #touchInstructions {
		display: block;
		pointer-events: auto;
	}

	#about p {
		width: 80%;
		font-size: 18px;
	}

	.submitted #touchImage {
		pointer-events: auto;
	}
}