a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}

html, body {
    background-color: rgb(241, 237, 232);
    color: #1D1C1C;
	font-family: sans-serif;
    font-size: 100%;
    height: 100%;
    line-height: 185%;
    overflow: hidden;
    /* http://stackoverflow.com/questions/6094324/iphone-ipod-prevent-font-size-changing */
    -webkit-text-size-adjust:none;
}

p { margin-bottom: 1em; }
    p:last-child { margin-bottom: 0; }

a {
    color: #1d1c1c;
    text-decoration: none;
    outline: none;
}

audio {
    display:none;
    height: 0; /*iOS6 takes up space without this... odd */
}

input:focus { outline: none; }
input[type='text'] { border-radius:0; }

/* Hide stuff based on JS avaliblity */
.js-off-hide,
.onboarding {
    display: none;
}

.js-off .content {
    bottom: 0;
    overflow: scroll;
    position: absolute;
    top: 0;
    width: 100%;
}

/*
 * Page header
 ************************/
.header {
    background-color: rgb(241, 237, 232);
    border-bottom: 1px solid rgb(201, 198, 195);
    height: 3em;
    overflow: hidden;
    position: fixed;
    width: 100%;
    z-index: 10;
}

    .header__valink{
        background-repeat: no-repeat;
        background-position: right 0.2em center;
        display: block;
        direction: ltr;
        float: right;
        height: 35px;
        margin: 6px 4px;
        text-indent: -99999px;
        width: 75px;
    }

    .header__navlink {
        background-repeat: no-repeat;
        background-position: 1.1em center;
        box-sizing: border-box;
        display: block;
        float: left;
        height: 3em;
        padding: 0.6em 1.1em 0 2.3em;
    }


/*
 * Navigation elements
 * Appear at the botton of most pages
 ************************/

.navigation {
    background-color: rgb(240, 235, 229);
    margin: 0;
    padding: 0;
    width: 100%;
}

    .navigation p,
    .navigation a {
        display: block;
        padding: 0.4em 1.1em;
    }

    .navigation .btn { padding-left: 3.3em; }

    .navigation li {
        border-bottom: 1px solid rgb(203, 198, 193);
        color: #1D1C1C;
        font-size: 1em;
        list-style: none;
        text-align: left;
    }

        .navigation--primary {
            background-color: rgb(226, 220, 213);
        }

        .navigation--primary a {
            background-repeat: no-repeat;
            background-position: right 0.8em center;
            font-size: 1.3em;
            padding: 0.8em;
        }

        li.navigation--small {
            border-bottom: 0;
        }

        .navigation--small p {
            font-size: 0.6em;
            padding: 0 1.8em !important;
        }

            .t-c-link a {
                display: inline;
                float: right;
                padding: 0;
                text-decoration: underline;
            }

        .navigation--search { padding: 0; }

            .navigation--search form {
                background-color: rgb(240, 235, 229);
            }

/* .search {} */

    .search__field {
        background-color: transparent;
        background-repeat: no-repeat;
        background-position: 1.1em center;
        border: 0;
        box-sizing: border-box;
        font-size: 1em;
        padding: 1.1em 0 1.1em 2.6em;
        width: 100%;
    }

.content {
    height: auto;
    position: fixed;
    width: 100%;
}

.landing .imagebox {margin-top: 3em;}

.navlist {
    margin: 0;
    padding: 0;
    width: 100%;
}

    .navlist a {
        display: block;
        padding: 0.6em 1.1em;
        background-repeat: no-repeat;
        background-position: right 1.1em center;
    }

    .navlist li {
        background-color: rgb(240, 235, 229);
        border-bottom: 1px solid rgb(203, 198, 193);
        color: #1D1C1C;
        font-size: 1em;
        list-style: none;
        text-align: left;
    }

        .navlist li:first-child{
            border-top: 1px solid rgb(203, 198, 193);
        }

 .corenav {}

    .corenav li {
        border-bottom: 1px solid #1d1c1c;
    }

        .corenav li:last-child{
            border-bottom: 0;
        }

    .corenav li a {
        display: block;
        padding: 0;
        position: relative;
        width: 100%;
    }

    .corenav__leadimage {
        max-height: 125px;
        overflow: hidden;
        width: 100%;
    }

        .corenav__leadimage img {
            width: 100%;
        }

    .corenav__title{
        background-color: rgb(255,255,255);
        background-repeat: no-repeat;
        background-position: right 1.1em center;
        bottom: 0;
        box-sizing: border-box;
        padding: 0.1em 1.1em 0.2em;
        position: absolute;
        width: 100%;
    }

        .corenav__title h1 {
            font-size: 1.1em;
        }

        .corenav__title h2 {
            font-size: 0.8em;
            line-height: 120%;
        }

.tour__slider {
    position: relative;
    list-style: none;
    width: 100%;
    padding: 0;
    margin: 0;
}

.toursuggestions a {
    background-repeat: no-repeat;
    background-position: 95% center;
    padding: 1.1em;
}

/* .slide {} */
    .slide .navigation li:last-child{
        border-bottom: 0;
    }
    .slide__imagebox { position: relative; z-index: 0; }
        .slide__imagebox__show-credit {
            background-color: rgba(255,255,255,0.8);
            bottom: 0;
            border-top: 1px solid #998c67;
            border-left: 1px solid #998c67;
            color: #998c67;
            border-top-left-radius: 5px;
            font-size: 0.825em;
            padding: 0 8px;
            position: absolute;
            right: 0;
            z-index: 1;
        }

        .slide__imagebox__show-credit a {
            color: inherit;
        }
    .slide__textbox { padding: 1.1em; }

    .slide__introtext { height: 200px; overflow-y: scroll; padding-top: 1.1em;}
        .slide__introtext li { border-bottom: none;}
        .slide__introtext p, .slide__introtext h2 { padding: 0.2em 1.1em; margin: 0;line-height: 160%;}
        .slide__introtext h2 {font-size: 1.1em; padding-bottom: 1.1em;}
        .slide__introtext .navigation--primary {margin-top: 1.1em;}


    .slide--end .slide__introtext { height: auto; max-height: 200px;}

.searchresults {
    height: 75px;
}

    .searchresults li {
        background-color: rgb(227, 221, 215);
        border-bottom: 1px solid rgb(241, 236, 231);
    }

    .searchresults p{
        padding: 1em;
    }

    .searchresults a {
        display: block;
        overflow: hidden;
        padding: 0;
        position: relative;
    }

    .searchresults__image {
        background-color: rgb(52, 52, 52);
        float: left;
        height: 75px;
        width: 75px;
    }

        .searchresults__image img { width: 100%; }

    .searchresults__details {
        box-sizing: border-box;
        font-size: 0.825em;
        margin: 0 0 0 75px;
        padding: 0.75em 0.5em;
        width: 80%;
    }
        .searchresults__name {
            display: block;
            font-size: 1.3em;
            height: 1.5em;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }
        .searchresults__room { padding: 0; }

.imagebox{
    height: 100%;
    overflow: hidden;
    z-index: 0;
}

    .imagebox img {
        width: 100%;
        position:relative;
        outline: none;
    }
    /* If the admin sets an alignment always override the JS */
    /* Legit and proactive use of !important. Shut up CSSLint */
    .imagebox .img-align-t { top: 0 !important; }
    .imagebox .img-align-b { bottom: 0 !important; top: auto !important;}


/* Iconify */
.btn                    { background-repeat: no-repeat; background-position: 1.1em center; }
.icon                   { background-repeat: no-repeat; background-position: center center;}

.header__valink         { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD0AAAAjCAYAAAAnvgICAAAFS0lEQVR4Ab1ZA9A1ORA827Zt28ru09m2bdu2bdu2737bOtt8111fqr7UVDKr3HtV+bGY7Zl0ZnqS8Wo1s1+apkcWGY1Gst54OX71utmoVkuO8I/axr53dHv1FfH9fcar+mu1WrNaY+cniWlrI03NDUmSrLzZZptNl8d2s9mcAs4tgsBuk6bJjxj/wOGTcG3pnXfeecqiWPH+hcDwkfpQGaO60+mkFWx/gIBdVxHfCOJoNBrLxvKZMzMTjP4ZchoztFJJNk0NwL+DUUuVxYZvr9qNJbk88mybZxR6n14OsNkLQN+pggvvX+xg+UZjXQmAyW5hp5NeJQP5Hu2WxdRut8fH90e5WJgnojkNCk6vURwRXrDYkjFL4r3vmdTKYkK1WN0zAc93jOKYsaMLMucSUPOqingu9Tj9DwI5T0SK13YPOV1kbW699daTANxXeGeZKtSGjTEB1p3SKYr/u8UWZvacyWdrrmd5nXUe31gD4qXOmo3gTK5gWVyZgOEMSjTHYfC5MMXNfjnr6vOws6fDoKXt0umBWToIY388M4RUxXMP+0riaaedNgFnWnF8w4jrOt1DKV0v5Kj58+C576zyor3N8O5fGD+TSa42gFPfWtt/4bmtpC1dLSb3RHMalJuBIAIf+5MUzUhgpwHstdax+eHYrzYBvexJVOc5Cep3SmNB8aUUpfgbg9gRiuPeTuJxQUkzEk4vb+2c47DkI89M7iiUX8MTmE+V5XZgTKf3VITKI+Hkkxjc/9Cx86Lz3t9yJpnQXNs+bc3OTMHySTSnN9988xlJ8cCHfgllXdx7ELO3d7fT5m3BknOETD3UYcKnsDuhtMmKwYApfcFyMTuv5xV1tlmgafkGwKdyqHmLCNivrrDAtfetw5/D5hLlsJgroznNZkFZ13f4aAhw12t63oJ81K7nve3/n8lSWMwjCsW/ZRPSCYp/i6Q1kZiNvrLe7rbbbpPh+S88jt/MxAawm+TBwvLHkqdMwnYxtfgLoQ9xS8htDERSketWBu0Hf+lTZ/sOxekXYwqVvZUG5GonODeH1Bozsm+W8M41Ho0wFRWbHKQ3WaHU7H/BsnljOT2zkjnHUv8SKCnMXRKpnW0CGgxAO3js/EsdLpsMBGlhancGissIwdwZ1+ZkZsf1ccoknBazZr+oZPHVmPDwwZtEsE60jcvXrM3ODoikeV92ZIGM/TR3YMVyu0hJaCMojmLN9j6K0+ezm8JMrOIDxsbC3SEFsKF520Q2JwjYQp6l0lZq9sadoPg3BOeUqO2de38JbUxbG3hm6HcEZDG5oYh7/QMM6KXU7PtiCpWXsvQvVRp1twNgUKAhucmTfd/genaCsy3G2YGKcoxC8d/ZMMXaNNxXkaTT8hmZXSkrfbZYqnwJid9wgxzak2NSYx+uLLmD/2eKJ7c6zxwlAvKVkhw39wD+njqbR0csZ2WZx2DHpPjL8gMUJY7Tl8n72BFdQbH3oAfwQxhPQg3OklFRdpXvyu/G0uL7CYC9BRuO9TjxjHaWxjrseefSnCcnv6jCKcaP0SfFQ2uHB3yBMrJDkQMG7ovB9jQ5JPLdCsW/o+6PJFTMKxbYr0xIHiCv+9YqHF+nSNsIO7fnEE21jEPHPWIltP01UMy4cOJL394aQF4AWs4hpSrXMIMYOlyg/HQTphA7fyvlazQlcpQzbbttu5ZyYDCvL0lx2Hf7kDH2+PVtqjl0bGtTv/sOGPgsy6E+0/5h29flo5xl53muq/Qkt2EMZCuJ8QfrMx3hLqjsvblcmCe4B4fxbpf2NifjudkEmw6Djcd57p1/kE3m9P8AgJXwKUWl8XQAAAAASUVORK5CYII='); }
a.tour__slider__controls__menu,
.header__navlink        { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAANCAYAAACgu+4kAAAAMElEQVQoz2MQZGDgJxczMDCwM4jxc/4nF4vwcdQziPJzfqAAlzMMPBgNxNFABAYiABBtcJ/dF5gEAAAAAElFTkSuQmCC'); }
.search__field          { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAApklEQVR4AdWTtwECMRRD8Qp0TPQlNqCiYixGoWcPRqAnPPLlSNLlk/ycJ+9UcsRqbm8t7bl45x9ea0pEzGxvzoWPZRcemXYtuoEs7SQtKMjFO//uwMYW0o076AyY5n3+PYB0uU6MC0FaUZXBI0O2FnYb6GPdmOCRITsubPxuvn8C2i+NG2xNftCi5WoJbN5OANoDm5X+DyhpiTEIOEbLHsBbiwCNrxPgnboqApywjQAAAABJRU5ErkJggg=='); }
.navdrawer__close       { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAvElEQVR42q2TTQoCMQyFu5LGgUYHG1D0CF7bG+jelSDIXMCfo4x5iAUtJl1YGmiT9z1a0oa/jMU0LHOKh57C2tP2RBtowZSkpLgTplELV5hYsHC8QQumFGY6c6KzZQIYNWignYfAHwIkahMfdk0QBuyaPIQRBmyYDAARmWlohjFwbEnxXgx0jVwT/HXnC8JvcQ2XOxvd8WGrO81wk4kkOhnwzxer/2H1cu8mW03sK9gwyRyPuu0Mqf1O3vATMJZUYWgNZh0AAAAASUVORK5CYII='); }

.audio-player__button a,
.btn--audio             { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAACMklEQVR4AZVVAwwdQRDdpv72HvbHqc2oDGrbto3YRhujtqPatm3bbVy+aea+729vkjkM3s3Mvt0TbhIOh6NpyxqllNqhbPsu9Dv0G/QObNts2x4RgQgPUg1Ji9NKfYX+0ehnZVnzkVO1LKKKx20EX8gk2vZ+JI61LKtmMpkMJBKJIJ5roeLxqPyQE4fn0/AbrqBIeMGB99Km2VpoBJ21R/wjznmSSqVkUftOpQA/SvPNePTgcYCeYvBTMFXJOAG20KmUQT0JxpPA2B4TBj40U5DQysLwhattWzQiyxqDWwUduDLNjlzcB1oPQbRhw8FSCbD/hJ5BVY214LZ9krAQO0AQJ7mFCW7A5Kc7YpfGYrGQK7BS07nzdQKzuUUvhmHUKQeco6+xcQa5zLoJF3FJOPONRqNhPTArj474nRtLdGP+vyHgT/RCbPACzOC7cncdNpDJvlcEfOPfi5T1PAC/KjUO0zSbsf8CzXgjvSBwig6YnkG/JW4LCKw5PIqVxNPB/HJcw4rTYE4jUUYQd55Z0ZvmEiRSk4FIXgL4LQLH6TYJOu7psEYJUd3Z7zO5qqdSylThWSA0guIs5L/k/TAx11cZxmP8xfNFp5TmqEVBV7iwAzBVFLmCDZKE8wEHPAdHu2lBMUtiCOfcVqFQzPWUomMzwwKlztFKK8NoQZVBFKQl/TVgv5jDlgP/cypWIurRolGSRl/R34Ta93LG+qhV4iRVDn1BI8L9LCpfDn8PXv2S8heH0fCqksjvOAAAAABJRU5ErkJggg=='); }
.audio-player__button .playing            { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAB8klEQVR4AaVVAw9cYRDcpD776bs4dVBHZVDbtm38l9qOUdu2beMHtDPNfnV7eJM8LeZm9+3bk38hmUymi74/1hiz0wTBTRyfcXzCcQO27UEQjE4BUgHqImlZ0ZiPOL6UON4b31+EnDryP5hsNkDwme+JQbAbiRN832+Qz+djuVwujvuGUDwJyvfZONwfh9/9JykSnmjgraLntZMSQGWdEH9Pcx4UCgXnj/KtUpAfZH+lTIA8C9JjSn4MptpiAbIlVqmSVgS0J4e23ScHfmiOECkAhg+qtoP8hJ9f1P9shPG8LiruDd+HcGzUsFeAaokJcBylHRUMFs6kljA5NLExs7Ty9YLeXOOD67qNwxJDaXOt/pzY/qbT6WRYYo6bzv8LBr7jA6chLDE+IE99zxh45duD4zQNS+x5Xkv1nWGPN/EBC2d6WGJwzddWrBLsgmH6cDgsMWyndSr6sS9xDjUNHPJqiVFxH7U/NyL17Pc+R8fkoeM4BakQEOcj/6l+D1N+9tWC8RAdLOePLVVi1ULQBRW2B6Ya8jPwgeThvKMBjzHsPaUE2EuOluZcN4lE5p9bimvT9hD3p/imjeu2pjLAAG34rwH7WcZYpeVsxZocPQS/ZFKJ4xn/TVh+JTs2wlI5k1SO4wlbhOtJKF8Bf299+3/FV6BuBzglpIRBAAAAAElFTkSuQmCC'); }

.btn--transcript        { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAWCAYAAAArdgcFAAACWklEQVR4Aa1VA8weQRCtbZ32q23bthE1rG3bto2oZlA3qm3btvVeOvdn+yf/If03mcPMztuZN3NzcbyW4zhllVKTIcciSj2CfIU8xPvRiONMiJhmqThhl2VZJZXjHADQb19xnD22bRcLBKxsuxuAv9MR92eIfpoyzSoZMmSwYE6Euw1dNYDOQAYv5ZBveO7gDazUKAH9heep6dKlS+W1Pw0WgpntZgGfQTHx20qAvyPNNmFohG9b+P1kUPBt/I8RqaYkBQQnLVCFXqCpr2TwCAck0+kYLWkdFFV80gKZwzsOnIj7FEhzRDmUHUQdKUFQazJlypSDTng+TBzsGRwFDsUtKtEllSRNhUgWRAsuAUDPobilo9WpDA/kMyKuJdRe/ms0jEKSzkO8xnXBsebpIBLZPtp0HXud4G7G2PNcWMhFoNbSr+tp/U9wcr+deCwsgXoJ+MxYAl8ovHciZz2kS2br4JD5QcBZAx0cexYLLR0I1FKKsDGWwHdK5A1Z4bwC/hS2eC44MlkSBBz+5TXwBMB6TTzDMLK5TtekCDVdcOg+QLcV97U4aBILxGGGe21+5pBlbALorrjguDcQSs7pn+9gif5wVAS23Y96V/gxwf6Oaet6SsQwCrKNYTsllPTWU0vGPvccPlgBh94dvCaObqzP4UPBc3tRhxnTvyA/SG1M062PNj6XmqaZ0Qs0Y8aMJnhf5fqAyi6+4xMbv0iK73gIomkCycvDMH/yAaQp9q1g0SWQT4HHtLTnVjp6inwfinMk7GKU7Ab+JznpIM/wfAmyG4ADEUQeL/8/Imry9HNhN/YAAAAASUVORK5CYII='); }
.btn--showingallery     { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAWCAYAAAArdgcFAAAClklEQVR4AZ2VA5BcXRBGZ23rKbZt27Zt27ZtJ6XYtp0/yW/bsT05t7Y39dboqvN8v9adHkdSZppmScuyZsG1dJb1F7yGP7m/ms40p6fTtGKO1Jqu60Ut0zyNkDNZTPO4YRiFUiRsGUZfhN+qhZz/I/q5lqZVCA8P13ntydngWSVE55PBfXHyhuvuSQtb1kQR/cD1nNDQ0MCkvg/GCGZRTBasGZlYfZuJ8FvSbJGaMrK2HevewwfW1nfYjVQDVAmUuCqLIw1GmYZIBn/hwNdejkmS1plE1oZDDegIVcA7wbKa5mWlQyajPj3kwU/gZJeUi/N9ZjgML+EJvIHH8AzmgZ/9YyKuJqX9OtpbVFQ+SedPbl3AIefJcB9egxOKiFg5+Ae+hN+hgU3fDeH/pQrZVDOay37dZhNeDydhMRyRZz1gA1SFAHE4QBxUsdV+n9JTjVXiA0V8gbwfA7fAA05ALWgFneALycSUsoyEwuJoooivkLr3VM3sL7tkkYg74ZVcX4NS0BecNnLCWJgOfuJwizR1lZSlu4q8qTRhhwi6w3PYKKwEH9gMX8EwKdMZ6Ann5BuHiB+QyOuqDucU8X955wrK/OEQfCeRLhenyvxE+C7cg6kQY+5oPQRnVFRUphhv30kTqto7Dw3gL3gIb6R57+AZXIDccX6pdaQkd+0PR0n0lx1xTEpSE6bANpgACU1BF9bfkpIMsm9+X7XPkxw+WAqH3i/cesV9WVsNHwXX3eRxasb0B3inSpvYdBtsG59rNE2LSEo0IiJCY19vjF4DhtE72fHJh68kxSfKCdE0gJzKGfMnFyIN+W49759JIC9SPKZle+4BZ5LI70PNkbT8l+ZSO0n9T6pJB/9x/RUcQ3AEQeRIav1HYnjy2yD9pesAAAAASUVORK5CYII='); }

.navigation--primary a,
.toursuggestions a,
.corenav__title,
.next,
.navlist .fwd,
.onboarding__content__getstarted { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAANCAYAAAB7AEQGAAAAWUlEQVR4AWMAAVE+zsmifBzzgUwmBjQAVcCuKsbP8UWMn/M/foU8HHaDQKEIH/sGPArZc4Am/QObyMuaTMBKztMgk/C6iQYKxHg5rQh6W4SLQQooeQtfuAAAKGkqNjFSMDgAAAAASUVORK5CYII='); }
.header__navlink__back,
.prev { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAANCAYAAAB7AEQGAAAAX0lEQVR4AWPABUT5OJpF+TnXApksOBWI8XP+B9K/RXk5bfAr4OcMxVAgxsfRRJkCUR72ifgVcLLYACX/gbAYH2cvTu8CJTfgMAnTTXRXiBmgwrxsgfhN5ON8KcTDpgUAwPgqO5kCWqEAAAAASUVORK5CYII='); }
.navlist .plus { background-image: url('data:/image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAAXNSR0IArs4c6QAAAE9JREFUKBVjYMABxPg4GkAYhzRuYTF+zv8gjEsFEy4JQuJDSCOjCB9HPRMjYwMhPyHL//v/v4FsPyIbhMIejQ4GBhaUEEHm/P/fiMxFZwMAaA0NTFIZaHkAAAAASUVORK5CYII=');}
.navlist .minus { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAACCAYAAABoiu2qAAAAAXNSR0IArs4c6QAAAB1JREFUCB1jFOHjqGdiZGxgIAH8+/+/gYkE9ShKAVEjBK2pBWufAAAAAElFTkSuQmCC'); }
@media all and (max-width: 600px) {
    p { font-size: 0.9em; }
    .navigation h2 { padding: 0 0.9em;}
    .navigation p { padding: 0.3em 1.1em; }
}