.nav-style-serendipity .dyna-sitebuild-site-top-nav-wrap {
    max-width: 1100px;
    margin: 0 auto;
    height: auto;
    overflow: hidden;
}

.nav-style-serendipity #dyna-sitebuild-site-head-wrap {
    color: #24242c;
    margin: 40px 0 0 0;
}

.nav-style-serendipity #dyna-sitebuild-site-top-nav-background {
    width: 100%;
    text-align: center;
    position: relative;
}

.nav-style-serendipity #dyna-sitebuild-site-head a,
.nav-style-serendipity #dyna-sitebuild-site-head a:visited,
.nav-style-serendipity #dyna-sitebuild-site-head a:link,
.nav-style-serendipity #dyna-sitebuild-site-head a:link:active,
.nav-style-serendipity #dyna-sitebuild-site-head a:visited:active {
    color: #24242c;
}

.nav-style-serendipity #dyna-sitebuild-site-head {
    font-family: Normal;
    font-size: 22px;
    font-family: Questrial;
}

.nav-style-serendipity #dyna-sitebuild-site-navi {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    text-transform: uppercase;
    overflow: hidden;
}

.nav-style-serendipity #dyna-sitebuild-site-navi ul {
    margin: 18px 0;
}

.nav-style-serendipity #dyna-sitebuild-site-navi li {
    display: inline-block;
    padding: 5px 7px;
    list-style: none outside none;
}

.nav-style-serendipity #dyna-sitebuild-site-navi ul li:not(.flag) a,
.nav-style-serendipity #dyna-sitebuild-site-navi ul li:not(.flag) a:visited {
    color: #24242c;
    text-transform: uppercase;
    text-decoration: none;
}

.nav-style-serendipity #dyna-sitebuild-site-navi ul li:not(.flag) a:hover,
.nav-style-serendipity #dyna-sitebuild-site-navi ul li:not(.flag) a.active {
    color: #bf6b52;
}

@media screen and (max-width: 500px) {
    .nav-style-serendipity #dyna-sitebuild-site-head {
        padding: 0 30px;
    }

    .nav-style-serendipity #dyna-sitebuild-site-navi {
        display: none;
    }
}