@import url('https://fonts.googleapis.com/css?family=Raleway:400,700&subset=latin-ext');
* {
	padding: 0; 
	margin:0; /* remove margins */
}

a { color:#b50101; text-decoration:none; }
a:hover { color:#D1A549; text-decoration:none; }
a img { border:none; }

body {
	font-family: "Raleway", sans-serif;
	font-size:20px;
	font-weight:400;
	color:#fff;

	position:relative;
	width:100vw;
	height:100vh;
	background: #000 url("background.jpg") no-repeat center center;
	background-size:cover;
}

.contact {
	width:100%;
	position:absolute;
	bottom: -120px;
	font-weight: normal;
	color:#fff;
	line-height:2em;
	background-color:rgba(0,0,0,0.7);
}
.contact a {
	color:#fff;
	text-decoration:none;
}
.contact a:hover {
	color:#D1A549;
	text-decoration:none;
}
.contact strong {
	color:#fff;
}

@media screen and (min-width: 768px) {

	.container {
		width:50%;
		max-width:600px;
		position:absolute;
		left:50%;
		top:50%;
		transform: translate(-50%, -50%);
		text-align:center;
	}
.contact {
	width:100%;
	position:absolute;
	bottom: -120px;
	font-weight: normal;
	color:#fff;
	line-height:1.5em;
	padding-top:20px;
}
	.logo {
		width:226px !important;
		height:auto !important;
	}
	.contact p {
		padding-left: 50px;
		padding-bottom:20px;
	}
}
@media screen and (max-width: 767px) {
	.container {
		width:100%;
		position:relative;
		padding-top:100px;
		text-align:center;
	}
	.logo {
		width:226px !important;
		height:auto !important;
	}
.contact {
	width:100%;
	position:relative;
	font-weight: normal;
	color:#fff;
	line-height:1.5em;
	padding-top:20px;
}
	.contact p {
		padding: 0 20px;
	}
}