@charset "UTF-8";
/* CSS Document */

*{
	margin:0;
	padding:0;
}

a {
	text-decoration:none;
	color:#B8B8B8;
	outline:none;
}

h1, h2, h3, h4, h5, h6 {
	font-weight:normal;
}

body {
	background:#000;
}

#background-image {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#000000 url(../mbs500.jpg) no-repeat 90% 50%;
	background-size:cover;
	z-index:1;
}

#container {
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-150px;
	margin-left:-530px;
	width:450px;
	z-index:500;
	padding:30px;
}

	#contact-wrap {
		width:100%;
		padding:10px 0;
	}
		
		.contact-btn {
			font-family:'SackersGothicStd-Medium', Arial, sans-serif;
			color:#B8B8B8;
			letter-spacing:.5em;
			text-transform:uppercase;
			border:1px solid #222;
			padding:1.2em 5em 1.2em 5.2em;
			background-color:#000000;
			cursor:pointer;
		}
		
		.contact-btn:hover {
			background-color:#111;
		}
	
		#contact-wrap p {
			font-family:'SackersGothicStd-Medium', Arial, sans-serif;
			color:#B8B8B8;
			font-size:.7em;
			letter-spacing:.5em;
			text-transform:uppercase;
			text-align:center;
			padding:10px 0;
		}
		
			#contact-wrap p a {
				border-bottom:#333 dotted 1px;
				padding-bottom:3px;
			}
		
		#contact_wrap {
			margin-top:30px;
		}
		
#social_container {
	position:absolute;
	bottom:0;
	left:50%;
	margin-bottom:0;
	margin-left:-530px;
	width:450px;
	z-index:500;
	padding:30px;
}

	#social_container ul {
		text-align:center;
		list-style:none;
		padding:30px 0;
	}
	
		#social_container ul li {
			display:inline;
			font-size:1.2em;
			padding:0 10px;
		}
		
			#social_container ul li a {
				color:#8B8B8B;
			}

				
@media screen and (max-width: 980px) {
	
	#container {
		position:absolute;
		top:50%;
		left:0;
		margin-top:-150px;
		margin-left:0;
		width:100%;
		z-index:500;
		background:rgba(0,0,0,0.5);
		padding:30px 0;
	}
	
	#social_container {
	position:absolute;
	bottom:0;
	left:0;
	margin-bottom:0;
	margin-left:0;
	width:100%;
	z-index:500;
	padding:30px 0;
}
	
	#background-image {
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
		background:#000000 url(../mbs500.jpg) no-repeat 100% 50%;
		background-size:cover;
		z-index:1;
	}

}