@charset "utf-8";
body, html, main {
	/* important */
	height: 100%;
	margin: 0;
	font-family: 'Muli', sans-serif;
	font-size: large;
}
h1 {
	margin-right: 1em;
	margin-left: 2em;
	text-align: right;
	font-family: 'Muli', sans-serif;
	color: #35351b;
}
img.logo {
	max-width: 500px;
	width: 30%;
	min-width: 280px;
	height: auto;
	position: fixed;
}
img.logo_banner {
	max-width: 500px;
	width: 30%;
	min-width: 280px;
	height: auto;
}

.top_background {
	position: relative;
	padding: 1em;
	height: 70%;
	max-height: 500px;
	background: url("../images/IMG_3833a.jpg")no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}


.top_caption {
	margin-right: .7em;
	margin-left: 1.5em;
	text-align: right;
	font-size: small;
}
.banner {
	padding: 1em;
	width: 100%;
	position: fixed;
	background-color: black;
	top: 0;
	overflow: hidden;
}
.main {
	margin: 2em;
	margin-left: 1.5em;
	margin-right: 1.5em;
}
.content {
	width: 900px;
	max-width: 90%;
	margin-left: auto;
	margin-right: auto;
}
.content_background1 {
	min-height: 400px;
	background: url("../images/DSF6011.jpg")no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.content_background2 {
	min-height: 400px;
	background: url("../images/IMG_0715.jpg")no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.content_background3 {
	min-height: 400px;
	background: url("../images/IMG_6526.jpg")no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.footer {
	margin-top: 4em;
	position: absolute;
	padding: 1.5em;
	width: 100%;
	font-size: medium;
	color: #CCC;
	background-color: black;
	box-sizing: border-box;
}
.flickr {
	vertical-align: middle;
	float: right;
}

@media (max-width:768px) {
.top_background {
	position: relative;
	padding: .5em;
	height: 70%;
	max-height: 500px;
	background: url("../images/IMG_3833a_small.jpg")no-repeat top center fixed;
	background-size: 770px 513px

}
.main {
	margin: 2em;
	margin-left: .5em;
	margin-right: .5em;
}
.banner {
	padding: .5em;
	width: 100%;
	position: fixed;
	background-color: black;
	top: 0;
	overflow: hidden;
}
h1 {
	margin-right: 1em;
	margin-left: 2em;
	text-align: right;
	font-family: 'Muli', sans-serif;
	color: #35351b;
	font-size: x-large;
}
.footer {
	margin-top: 4em;
	position: absolute;
	padding: 1em;
	width: 100%;
	font-size: small;
	color: #CCC;
	background-color: black;
	box-sizing: border-box;
}
.content_background1 {
	min-height: 300px;
	background: url("../images/DSF6011.jpg")no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.content_background2 {
	min-height: 300px;
	background: url("../images/IMG_0715.jpg")no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.content_background3 {
	min-height: 300px;
	background: url("../images/IMG_6526.jpg")no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
}

@media (max-width:380px) {
.main {
	margin: 2em;
	margin-left: 0em;
	margin-right: 0em;
}
.content_background1 {
	min-height: 200px;
	background: url("../images/DSF6011.jpg")no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.content_background2 {
	min-height: 200px;
	background: url("../images/IMG_0715.jpg")no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.content_background3 {
	min-height: 200px;
	background: url("../images/IMG_6526.jpg")no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}	
}