html{
	height:100%;
	width:100%;
	margin:0;
	padding:0;
}

body{
	background-image:url(images/background.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:0 0;
	margin:0;
	padding:0;
	height:100%;
	width:100%;
	position:relative;
}
h1{
	margin:0;
	padding:0 20px 0 0;
	font-family: "Roboto Condensed", sans-serif;
	font-weight:700;
	color:#FFFFFF;
	font-size:36px;
	line-height:36px;
	display:inline-block;
	border-right:1px solid #FFFFFF;
}
p{
	margin:0;
	padding:0 0 0 20px;
	font-family: "Roboto", sans-serif;
	font-weight:normal;
	color:#FFFFFF;
	font-size:14px;
	line-height:18px;
	display:inline-block;
	vertical-align:bottom;
}
a{
	color:#FFFFFF;
	text-decoration:none;
}
a:hover{
	color:#5c8727;
}
.contain{
	width: 630px;
	height: 100px;
	position: absolute;
	top:0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
.content{
	padding:10px;
	background-color:rgba(0, 0, 0, .5);
	width:630px;
	display:inline-block;
	text-align:left;
}

footer{
	position:fixed;
	bottom:0;
	width:100%;
	text-align:center;
	padding:10px;
}
footer p{
	font-size:13px;
	padding:0;
	margin:0;
	float:none;
}


/* RESPONSIVE */


@media (max-width: 700px) {

.content, .contain{
	width:auto;
	text-align:center;
}
h1{
	padding:0;
	margin:0 0 10px;
	border:none;
}
p{
	margin:0;
	padding:0;
	width:100%;
}

}