@media screen and (min-width: 375px) {
	.project h2 {
		font-size: 15px;
	}
}

@media screen and (min-width: 568px) {
	.artwork {
		padding: 18px;
	}
	.artwork-item {
		padding: 18px;
	}
	nav .logo {
		margin: 36px;
	}
	.aviationlogo {
		margin-bottom: -36px;
	}
	nav .menubutton {
		margin: 36px;
		margin-left: 0;
		margin-bottom: 0;
	}

	.project {
		padding-left: 36px;
	}

	.project h2 {
		font-size: 20px;
		line-height: 1.25;
	}
	.menupanel {
		width: auto;
	}
	
	.homelink {
		margin-left: 36px;
	}

	.menucontents > ul {
		width: auto;
		text-align: left;
	}

	.menucontents > ul > li {
		padding-left: 36px;
		padding-right: 108px;
	}

	footer {
		height: 138px;
	}

	footer > ul {
		padding-left: 36px;
		padding-top: 36px;
		padding-bottom: 18px;
	}

	footer > li {
		margin-bottom: 18px;
	}

	.copy {
		padding-right: 36px;
	}
	.blockoftext {
		margin-top: 108px;
	}
	.blockoftext h2,.blockoftext p,.blockoftext > .links {
		margin-left: 36px;
		margin-right: 36px;
	}
	
	.downarrow {
		bottom: 36px;
	}
}

@media screen and (min-width: 720px) {
	.schmopera .artwork-item {
		width: 50%;
	}
}

@media screen and (min-width: 820px) {
	.artwork-item {
		width: 50%;
	}
	
	.toyota .artwork-item {
		width: 100%;
	}
	.archive-items {
		width: 100%;
	}
}

@media screen and (min-width: 1024px) {
	.aviationlogo img {
		width: auto;
	}

	.schmopera .artwork-item {
		width: 33.33%;
	}
	.tappersgame .artwork-item {
		width: 33.33%
	}
	.tappersgame .artwork-item:nth-of-type(2), .tappersgame .artwork-item:nth-of-type(3) {
		width: 50%
	}
}

@media screen and (min-width: 1320px) {
	.artwork-item {
		width: 33.33%
	}
	.toyota .artwork-item {
		width: 100%;
	}
}
	.tappersgame .artwork-item:nth-of-type(1) {
			width: 100%;
	}