@charset "UTF-8";
/* CSS Document */
*, *:before, *:after {
  box-sizing: border-box;
}
@-ms-viewport{
  width: device-width;
}
body {
	font-size:18px;
	line-height:20px;
	font-family: "proxima-nova", Helvetica, Arial, sans-serif;
	padding:0;
	margin:0;
	color:#fff;
}
.uppercase {
	text-transform:uppercase;
}
.wrapper {
	width:100%;
	height:100%;
	background:url(../css/images/bg.jpg) no-repeat center center;
	background-size:cover;
	position:fixed;
	display: flex;
	display:flexbox;
	display:box;
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;      /* TWEENER - IE 10 */
  display: -webkit-flex;     /* NEW - Chrome */
  justify-content: center;
  -webkit-justify-content:center;
  align-items: flex-end;
  -webkit-align-items: flex-end;
}
.content-wrapper {
	width:100%;
	margin:0 auto;
}
h1 {
	text-align:center;
	font-size:6vmin;
	margin:0 auto;
	font-weight:100;
	display:table;
	align-self: flex-end;
	margin-bottom:10px;
}
.social {
	margin:0 auto;
	width:170px;
	height:50px;
}
.bc, .fb, .mft {
	height:50px;
	width:50px;
	float:left;
	display: flex;
	display:flexbox;
	display:box;
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;      /* TWEENER - IE 10 */
  display: -webkit-flex;     /* NEW - Chrome */
  justify-content: center;
  -webkit-justify-content:center;
  align-items: center;
  -webkit-align-items: center;
}
.fb {
	margin:0 10px;
}
.bc a, .fb a, .mft a {
	height:50px;
	width:50px;
	display: flex;
	display:flexbox;
	display:box;
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;      /* TWEENER - IE 10 */
  display: -webkit-flex;     /* NEW - Chrome */
  justify-content: center;
  -webkit-justify-content:center;
  align-items: center;
  -webkit-align-items: center;
}
.bc a svg, .fb a svg, .mft a svg {
	height:30px;
	width:30px;
	transition: all .1s ease-out;
}
.bc a svg:hover, .fb a svg:hover, .mft a svg:hover {
	height:50px;
	width:50px;
}
.st0 {
	fill:rgba(255,255,255,1);
}
.cred {
	width:100%;
	margin:0 auto;
}
.cred p {
	text-align:center;
	font-weight:100;
	font-size:12px;
}
.cred p a {
	color:#fff;
	text-decoration:underline;
	transition: all .1s ease-out;
}
.cred p a:hover {
	font-weight:900;
	font-size:16px;
	text-decoration:none;
}
@media all and (max-width: 1024px) {
	.container-fluid {
		padding:0;
	}
	.content-wrapper {
		width:100%;
	}
}
@media all and (max-width: 572px) {
	
}