#project
{
	
	background:#126642;
	color:#59530a;
	background-image: url("../images/tilterpillar/bg.png");
	background-repeat: repeat;
}

#project h2, #project h3, #project p
{
	font-size: 1.5rem;
	line-height: inherit;
	font-family: 'Helvetica', 'Arial', sans-serif;
}
#project h3
{
	font-size: 1.25rem;
}

#project p
{
	font-size: 1rem;
}

#project .project-pressquote, #project .project-genre-etc
{
	color: white;
}

#project .project-logo
{
	width: 100%;
	height:12rem;
	display: block;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	background-image: url("../images/tilterpillar/logo.png");
	margin: 0 auto 0 auto;
	text-indent: -9999px;
}

.project-catchcopy, .project-intro, .project-content
{
	display: block;
	padding: 0.5rem 1rem;
	border-radius: 1rem;
	
}

#project .project-qrcode
{
	height:12rem;
	width:12rem;
	display: block;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	background-image: url("../images/qrcodes/tilterpillar.png");
	border-radius: 0.5rem;
	margin: 1rem auto 2rem auto;
	filter: drop-shadow(0 0.35rem 0.4rem rgba(0, 0, 0, 0.5));
}

#project .project-icon
{
	height:9rem;
	width:9rem;

	margin: 0 auto 0 auto;
	display: block;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	background-image: url("../images/tilterpillar/icon.png");
	border-radius: 2rem;
	filter: drop-shadow(0 0.35rem 0.4rem rgba(0, 0, 0, 0.5));
}
.project-catchcopy, .project-intro, .project-content
{
	background-color:#fffffe;
	display: block;
	padding: 0.5rem 1rem;
	border-radius: 1rem;
	
}