@media screen and (max-width: 640px) {
    #page header .main .horNav-link6, .flex-direction-nav, .flexslider .views-field-field-lijstafbeelding {
        display: none
    }

    #page header .main .horNav-link2 a, #page header .main .horNav-link3 a, #parko_kaart .legende, nav.az ol li a, body.page-az-index #block-system-main>nav>section>header>section>ul>li a {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

    table, #parko_kaart .gmap, #parko_kaart .legende, object, object embed {
        width: 100% !important
    }

    .context .organization header h1, .grdThree .navigation, .grdThree .context {
        width: 100%
    }

    #logo {
        height: 75px;
        margin-left: -20px;
        width: 100%;
        background: url('data:image/png;base64,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') no-repeat scroll 20px center
    }

    #logo img {
        display: none
    }

    #site-name a {
        display: none
    }

    #page>header .search {
        margin: 0;
        padding-right: 0;
        position: absolute;
        right: 20px;
        top: 50px
    }

    #pageMain {
        margin-top: auto
    }

    .grdOne {
        padding: 0
    }

    .grdThree {
        margin-top: 0
    }

    .grdTwoLeft .content, .grdTwoRight .content .grdTwoLeft .navigation {
        float: none
    }

    .grdTwoLeft .content>*, .grdTwoRight .content>*, .grdThree .grdWrapIn>.content>*, .navigation nav, .textblock, ol, ul, p, .context .block {
        margin: 10px 0
    }

    .grdTwoLeft .navigation, .grdTwoRight .context {
        width: 100%
    }

    .grdTwoLeft, .grdThree {
        padding-left: 0
    }

    .grdTwoLeft .navigation, .grdThree .navigation {
        margin-left: 0
    }

    .grdTwoRight, .grdThree .grdWrap1 {
        padding-right: 0
    }

    .grdTwoRight .context, .grdThree .grdWrap1 .context {
        margin-right: 0
    }

    .context .main article, .organization.overview .main, .organization.detail .main {
        padding: 0
    }

    .navigation .focus ul li, .navigation nav ul li {
        padding-right: 0
    }

    #site-name a {
        width: auto
    }

    #page header .main ul {
        position: relative;
        padding-bottom: 160px;
        display: inline-block
    }

    #page header .main li, #page header .main li[class*="horNav-link"] a {
        width: 100%
    }

    #page header .main li[class*="horNav-link"] a, .navigation .focus ul li a, .navigation nav ul li a {
        height: auto;
        margin: 5px 0;
        padding: 20px 0 18px;
        background-image: none;
        text-transform: uppercase
    }

    #page header .main .horNav-link2, #page header .main .horNav-link3 {
        position: absolute
    }

    #page header .main .horNav-link2 {
        top: 220px
    }

    #page header .main .horNav-link3 {
        top: 290px
    }

    #page>footer, #page #pageMain>footer {
        margin-left: 20px;
        margin-right: 130px
    }

    #page footer p, #page #pageMain>footer p {
        width: 64.5%
    }

    #page footer .socialmedia, #pageMain>footer .socialmedia {
        right: -110px
    }

    .content .heading, .grdThree .content .heading, .news article header .heading, .egov.detail header .heading {
        margin-top: 10px;
        margin-bottom: 10px;
        color: #333;
        font-weight: normal;
        line-height: normal
    }

    .content h1.heading, .grdThree .content h1.heading, .news article header h1.heading, .egov.detail header h1.heading {
        font-size: 26px;
        font-size: 1.625rem
    }

    .content h2.heading, .grdThree .content h2.heading, .news article header h2.heading, .egov.detail header h2.heading {
        font-size: 20px;
        font-size: 1.25rem
    }

    .content .views-row {
        margin-bottom: 5px;
        padding-bottom: 0
    }

    .textblock h2 {
        margin-top: 10px;
        font-size: 18px;
        font-size: 1.125rem;
        line-height: normal
    }

    .related ul {
        padding-left: 0
    }

    nav.az ol li a, body.page-az-index #block-system-main>nav>section>header>section>ul>li a {
        height: 35px;
        padding: 9px;
        width: 35px
    }

    nav.az ol li a:hover, nav.az ol li a.active, body.page-az-index #block-system-main>nav>section>header>section>ul>li a:hover, body.page-az-index #block-system-main>nav>section>header>section>ul>li a.active {
        background-color: #0088c1
    }

    nav.az ol li a.active, body.page-az-index #block-system-main>nav>section>header>section>ul>li a.active {
        color: #fff
    }

    .organization .more {
        text-align: left
    }

    .organization .more a {
        padding-right: 0;
        background: none
    }

    .organization.overview .more {
        padding-top: 0
    }

    .context .organization header h1 {
        font-size: 16px;
        font-size: 1rem;
        text-transform: uppercase
    }

    .context .organization header a {
        font-size: inherit
    }

    .navigation .focus ul li a, .navigation nav ul li a {
        text-align: center
    }

    .front .secondary ul {
        margin: 0
    }

    .flex-nav-container {
        margin-bottom: 20px
    }
}

@media screen and (max-width: 320px) {
    #page footer p, #page #pageMain>footer p {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%
    }

    #page footer .socialmedia, #page #pageMain footer .socialmedia {
        float: left;
        margin-top: 10px
    }
}
