body {
  	background: #475760;
  	color: #fff;
  	font-family: 'Whitney SSm A','Whitney SSm B','Helvetica Neue', Helvetica, Arial, sans-serif;
  	margin: 0;
  	padding: 0; 
}


h1 {
	font-family: "Whitney SSm A", "Whitney SSm B";
	font-style: normal;
	font-weight: 500;
  	font-size: 2em;
  	line-height: 1;
  	margin: 0;
  	padding-bottom: 0.3em; 
 }

span.highlight{
	font-family: "Whitney SSm A", "Whitney SSm B";
	font-style: normal;
	font-weight: 400;
	color: #EAAA48;
}

a{
	color: white;
	font-weight: 100;
	letter-spacing: 1px;
	text-decoration: none;
	background: rgba(0,0,0,0.2);
	padding: 20px 0px;
	display: inline-block;
	width: 100%;
	text-align: center;
	transition: all 0.5s;
}

.site {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
}

.site-content {
	-webkit-box-flex: 1;
	-webkit-flex: 1 0 auto;
	-ms-flex: 1 0 auto;
	flex: 1 0 auto;
	/*padding: 1.5em 1.5em 0;*/
	
	align-items: center;
	-webkit-align-items: center;

}

site-footer {
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
}

.container{
	display: flex;
	display: -webkit-flex;
	
	align-items: center;
	-webkit-align-items: center;
	
	height: 95vh;
}



.headline{
	padding-left: 100px;
}


/* Flex Nav Container */

.flex-nav ul{
	list-style: none;
	font-size: 1.5em;
	padding-top: -10px;
	height: auto;
	margin: 0;
	padding: 0;
	display: flex;
	display: -webkit-flex;

}

.flex-nav li{
	flex: 3;
}

.flex-nav .social{
	flex: 1;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
}

.twitter a:link { -webkit-tap-highlight-color: #55acee; }
.twitter a:hover{
	color: #fff;
	background: #55acee;
}

.flickr a:link { -webkit-tap-highlight-color: #F01474; }
.flickr a:hover{
	color: #fff;
	background: #F01474;
}

.instagram a:link { -webkit-tap-highlight-color: #125688; }
.instagram a:hover{
	color: #fff;
	background: #125688;
	
}

@media all and (max-width:500px){
	h1{
		font-size: 1.5em;
	}
	.headline{
		padding-left: 25px;
	}
	
	.flex-nav ul{
		font-size: 1em;
	}
}