body, html {
    height: 100%;
    margin: 0;
    font-family: 'Raleway', sans-serif;
}

h1, p, a {
	font-weight: lighter;
	width: 100%
}

.bg {
	background: 
    /* top, transparent red, faked with gradient */ 
    linear-gradient(
      rgba(125,201,145, 0.6), 
      rgba(125,201,145, 0.6)
    ),
    /* bottom, image */
    url('/img/stp_boxes.jpg');

    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    display: flex;
    align-items: center;
}

.content {
	color: #fff;
	display: flex;
    flex-direction: column;
    align-items: center;
    width: 500px;
    margin: 0 auto;
    text-align: center;
    padding: 0 15px;
}

.email-btn {
	color: #fff;
    border: 1px solid #fff;
    background: transparent;
    border-radius: 50px;
    padding: 10px 20px;
    text-decoration: none;
}

.email-btn:hover {
	color: #fff;
    border: 1px solid #7DC991;
    background: #7DC991;
}


footer {
	background-color: #7DC991;
	color: #fff;
    padding: 5px 0;
    text-align: center;
}