@import url(/styles/fonts/roboto/roboto.css);
a#logo{
background: url("/media/story/121/logo-01-logo-mystreetart-rgb.jpg") no-repeat scroll center center / contain;
}

header nav{
background-color: #ffffff;
}

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

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

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

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

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

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

body{
font-family: 'Roboto', sans-serif;
background-color: #e8e4e4;
}

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

h1{
color: #000000;
}

form.contact label{
color: #000000;
}

h1.expander, h2.expander{
color: #000000;
}

h2{
color: #000000;
}

div.content{
color: #000000;
}

section div.content a{
color: #a24b05;
}

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

a.button{
background-color: #a24b05;
}

div.imprint{
color: #ffffff;
}

footer{
color: #ffffff;
background-color: #a24b05;
}

footer .content{
color: #ffffff;
}

footer a{
color: #ffffff;
}

div.gallery, div.gallery_small {
padding: 1px;
}

div.gallery a {
padding: 1px; width:25%;
}

header nav {height: 39px;} 
header nav ul{padding-top:0;}
header nav ul li a{padding: 10px 10px 30px 10px;}
header nav ul li:active a,
header nav ul li:focus a,
header nav ul li:hover a{background-color: #000000; color: #FFFFFF;}

a#offcanvas-menu {top:0;}

footer p {
color: white;
}

@media (max-width: 500px) {
section.fullscreenimage { height: 230px; }
div.gallery_small a, div.gallery a {margin: 0; width: 25%;}
}