body {
    background-color: #f0ebe5;
}

#top {
    background-color: #7c521b;
    display: block;
    padding: 10px 0;
}

#top a {
    color: #fff;
}

#logo {
    background: linear-gradient(#f0ebe5, #fff);
}

#logo a {
    color: #7c521b;
    font-size: 100%;
    font-weight: bold;
}

#logo h1 {
    padding: 6px 0 0 0;
    display: block;
    font-size: 260%;
}

#logo div.url {
    color: inherit;
    font-weight: bold;
    left: 256px;
    position: relative;
    text-decoration: none;
    top: -16px;
}

#menu {
    background-color: #c3b096;
}

#menu .container {
    background-color: #fff;
}

#menu .banner {
    background-position: top;
    background-repeat: no-repeat;
    background-size: 100%;
    height: 165px;
}

#menu ul {
    text-align: center;
}

#menu li {
    background-color: #000;
    display: inline-block;
}

#menu li:hover,
#menu li.active {
    background-color: #c3b096;
}

#menu li a {
    color: #fff;
    display: block;
    padding: 12px 28px;
    text-decoration: none;
}

section.container {
    background-color: #fff;
}

.box {
    background-color: #f0ebe5;
}

#map {
    height: 400px;
    padding: 0 0 20px 0;
}
.custom {
    padding: 0 0 18px 0;
}
@media (min-width: 576px) {
    #menu .banner {
        height: 181px;
    }
}

@media (min-width: 768px) {
    #menu .banner {
        height: 245px;
    }
}

@media (min-width: 992px) {
    #menu .banner {
        height: 330px;
    }
}

@media (min-width: 1200px) {
    #menu .banner {
        height: 390px;
    }
}