body{
	font-family: sans-serif;
    padding: 0;
    margin: 0;
	font-size: 0.9em;
}

img{border: none;}



.section-inner{
    max-width: 800px;
	margin: auto;
	padding-left: 10px;
    padding-right: 10px;
}


.button{
	display: inline-block;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #8EB40F;
	padding: 10px 15px;
}
.button:hover{
	background-color: #588116;
}


.tiles{
	display: block;
	content: "";
	clear: both;
	margin: -15px;
	margin-top: 0px;
	margin-bottom: 0;
}
.tiles>div{width: 100%; float: left; clear: right;}
.tiles>div>div{
	position: relative;
	margin: 15px;
}
.tiles>div>div>img{display: block; width: 100%;}

.tile{font-size: 0.9em;}
.tile h3{text-align: center; margin: auto; margin-top: 5px;}
.tile-button{
	text-align: center;
	margin: auto;
}


.shade{background-color: #EEEEEE;}



#top-img-outer{max-width: 1000px; margin: auto; position: relative;}
#top-img{width: 100%;}


#logo{position: absolute; top: 0; left: 0; right: 0; padding: 10px 0; background-color: rgba(50, 50, 50, 0.7);}



#link{
	margin: auto;
	text-align: center;
	margin-top: 40px;
	margin-bottom: 40px;
}
#link-button{
	display: inline-block;
	color: #FFFFFF;
	text-decoration: none;
	font-size: 1.5em;
	padding: 15px;
	background-color: #8EB40F;
}
#link-button:hover{
	background-color: #588116;
}




#tiles-outer:after{
	display: block;
	content: "";
	clear: both;
}





#infobar-outer{
	margin-top: 20px;
}
#infobar{
    display: flex;
    justify-content: space-between;
    margin-bottom: 0px;
	padding: 20px 0;
}

#footer{text-align: center; margin: auto; margin-top: 40px; margin-bottom: 20px;}
#footer-logo{display: inline-block; margin-top: 15px;}


@media (min-width: 601px) and (max-width: 700px){
	.tiles-c>div{width: 50%;}
	.tiles-c>div:nth-child(2n + 1){clear: both;}
}
@media (min-width: 701px){
	.tiles-b>div{width: 50%;}
	.tiles-b>div:nth-child(2n + 1){clear: both;}
	
	.tiles-c>div{width: 33.33%;}
	.tiles-c>div:nth-child(3n + 1){clear: both;}
}
