* {box-sizing:border-box;}
body, p, a {font-family: 'Karla', sans-serif; line-height:1.6;}
main 
{ 
	padding: 0;
	margin: 0 auto 8px auto;
}
header 
{
	max-width: 960px;
	margin: 0 auto;
	padding: 0 15px;
	display: flex;
    align-items: center;
	min-height: 12vh;
}
header p 
{ 
	font-family: 'Montserrat', sans-serif;
	color: #76706C; 
	font-size: 40px;
	margin: 0;
}
header img
{
    width: 100%;
    max-width: 606px;
}

body {
	background: #76706C; 
	margin: 0;
	background: url(/img/dunes.jpg);
    background-size: cover;
	background-attachment: fixed;
	height:100%;
}
.go {margin:15px 0; border: 0px solid white; display:flex;}
.go a 
{
	padding: 30px; 
	width:100%; 
	text-decoration:none; 
	color: white; 
	background: rgba(0, 0, 0, 0.4); 
	border-radius: 5px; 
	display:grid; 
	grid-template-columns: auto 1fr; 
	align-items:center;
}
.go a.icon {padding-right:15px; }
.go a:hover {background:  rgba(0,0,0,0.5); color: white; }
.go img {margin-right:15px;}

.intro 
{
	background: rgba(0, 0, 0, 0.6); 
	border-top: 0px solid white; 
	border-bottom: 0px solid white; 
	padding: 30px;
	max-width: 960px;
	margin: 0 auto 15px auto;
}
.intro h1 {color: white; margin:0; font-weight:normal; font-family: 'Montserrat', sans-serif;}
.intro p {color: rgba(255,255,255,0.8);}
.container
{
	background: rgba(76,147,146, 0.8);
	max-width: 960px;
	margin: 15px auto;
	padding: 30px;
}