@import url(/styles/fonts/nunito/nunito.css);
@import url(/styles/fonts/eb-garamond/eb-garamond.css);
a#logo{
background: url("/media/story/104/logo-01-logo-schriftzug-weiss.png") no-repeat scroll center center / contain;
}

header nav{
background-color: #004b05;
}

header.collapsed nav{
background-color: #004b05;
}

header nav ul li a{
color: #ffffff;
}

header.collapsed nav ul li a{
color: #ffffff;
}

a#offcanvas-menu span.bar{
background-color: #ffffff;
}

header nav ul{
float: right;
width: auto;
}

header a#mini-logo{
right: auto;
left: 0;
}

body{
font-family: 'Nunito', sans-serif;
background-color: #ffffff;
}

button{
font-family: 'Nunito', sans-serif;
}

h1{
color: #4f4f4f;
}

form.contact label{
color: #4f4f4f;
}

h1.expander, h2.expander{
color: #4f4f4f;
}

h2{
color: #4f4f4f;
}

div.content{
color: #4f4f4f;
}

section div.content a{
color: #004b05;
}

form.contact button[type="submit"]{
background-color: #004b05;
}

a.button{
background-color: #004b05;
}

h1 {
font-family: 'EB Garamond', serif;
font-weight: bold;
}

h2 {
font-family: Satisfy;
font-family: 'EB Garamond', serif;font-size: 48px;
}

header nav ul {
padding-top: 45px;
}

a#logo {
left: 5px;
}
.social-nav {
position: absolute;
right: 0;
top: 22px;
}

a#mini-logo {
display: none;
}

.social-nav a span {
color: rgba(255,255,255,0.6);
margin-left: 8px;
font-size: 22px;
}

.social-nav a:hover span {
color: rgba(255,255,255,1);
}

header nav ul {
float: right;
margin-right: 80px;
}

header nav ul li:hover a {
color: #969696;
background-color: #FFFFFF;
}

@media (max-width: 769px){
.social-nav {
display:none;
}
}