html, body { 
	height: 100%;
}

body {
	margin: 0;
	font-family: 'Nunito', sans-serif;
	font-size: 1em;
	color: rgba(0, 0, 0, 0.67);
	background-color: #e53935;
    background-image: url("/_images/graphics/background.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

#container {
	margin-top: 0;
	width: 100%;
	text-align: center;
}

p.clear {
	clear: both;
}

header {
	padding: 15px 0px 15px 0px;
	box-sizing: border-box;
	width: 100%;
	min-height: 180px;
}

header img#logo {
	margin-top: 50px;
	width: 65%;
    max-width: 550px
}

header h2 {
	margin: 0px 0px 0px 0px;
    text-align: center;
	font-size: 170%;
	font-weight: 400;
	color: rgba(255, 255, 255, 0.65);
}

section {
	width: 100%;
	min-height: 300px;
}

section img#google_button {
	margin-top: 15px;
	width: 17%;
    min-width: 200px;
    max-width: 200px;
    transition: width 0.2s, min-width 0.2s;
}

section img:hover#google_button {
	width: 20%;
    min-width: 235px;
    transition: width 0.2s, min-width 0.2s;
}

footer #footer_links {
    margin-bottom: 25px;
    color: rgba(255, 255, 255, 0.8);
}

footer a {
    font-weight: 400;
    font-size: 100%;
    text-decoration: none;
    color: rgba(255, 255, 255, 0.8);
    
}

footer a:hover {
    text-decoration: underline;
}

footer article {
    margin: auto;
	width: 65%;
    line-height: normal;
    font-weight: 200;
	font-size: 70%;
	color: rgba(255, 255, 255, 0.65);
}