.red{	color:rgba(159,33,19,1);
}

html { 
  background: url(images/swansv05.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 100%;
    overflow: hidden;}
body{
    background-color: transparent;
	font-family: 'Lato', sans-serif;
	position:relative;
	height:100%;
	font-family: 'Libre Baskerville', serif;
	display: flex;
    flex-wrap: wrap;
}
h1, h2, h3{
	font-family: 'Playfair Display', serif;
}
.header a,
.header a:hover,
.footer a,
.footer a:hover
{	
	color:rgba(255,255,255,1);
}
.site-title{
	font-family: grafolita-script, sans-serif;
	font-weight: 400;
	font-weight: 600;
	font-weight: 700;
	font-style: normal;
	color:white;
	text-shadow:2px 2px 0px rgba(0,0,0,1);
	display:inline-block;
}
.site-subtitle{
	color:white;
	font-size:14px;
}
.nav{
	float:right; 
	color:white;
    position: absolute;
    bottom: 12px;
    right: 15px;
 }
.header{
	padding:10px;
	border-bottom:5px solid white;
    height: 81px;
    width: 100%;
    display: block;
}
.header .container{
	display: flex;
}
.footer{
	border-top:1px solid rgba(255,255,255,.2);
	position:fixed;
	bottom:0;
	text-align:center;
	width:100%;
	padding:10px;
	font-size:10px;
	color:rgba(255,255,255,.8);

}

.header,
.footer{
	background-color:rgba(27,62,94,.9);
	background-image: url(images/topography.png);
}
.footer .link{
	color:rgba(255,255,255,1);
	display:inline-block;
}
.container{
	position:relative;
}

.popup{
	background-color:rgba(0,0,0,.3);
	text-align: center;
}
.btn-outline{
	border:1px solid white;
	border-color:rgba(255,255,255,.5);;
	color:rgba(255,255,255,.8);
	transform: scale(1);
	transition: .3s ease;
}
.btn-outline:hover{
	border-color:rgba(255,255,255,1);;
	color:rgba(255,255,255,1);
	transform: scale(1.1);
}
.content{
	width:100%;
}
.content .container{
  display: flex;
  height: 80%; /* Or whatever */
}
.enter-button{
  margin: 20px auto;  /* Magic! */
  align-self: flex-end;
  padding: 15px 40px;
  display: none;
  background-color:rgba(0,0,0,.1);
}
.enter-button:hover{
		  background-color:rgba(0,0,0,.3);
}
@media screen and (max-width: 600px) { 
	.nav{display:none;}
	.enter-button{
	  display: block;

}
	.site-title{
		margin:auto;
	}

}