/* ----------- Small ----------- */
@media all and ( max-width: 767px )

{

/* -- Typography -- */
#logo { border-bottom: 1px solid #e6e6e6; background-color: #f2f2f2; position:absolute;  width: 100%; top:0; padding: 7px 0 11px 0; z-index: 2; }
#logo a { font-size: 3em; z-index: 10000; text-align: center; width: 100%; margin: 0; }
#footer-credits { font-size: 1.25em; }
.subtitle-mobile { display: block; font-size: 1.4em; line-height: 1.25em; letter-spacing: 0.220em; font-weight: normal; text-align: center; text-transform: uppercase; margin: 25px 0 30px 0; }
.entry { font-size: 1.5em; }
h4 { padding: 0 30px; line-height: 1.45em; }


/* -- Structure -- */
.content { padding: 0 25px; }
header, .subtitle { display: none; }
#mobile-header { display: block; width: 100%; }
#background-image { display: none; }
#background-image-mobile { display: block; width: auto; height: 340px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover !important; background-repeat: no-repeat; background-position: center center; margin: 53px 0 40px 0; }
.icontent { position: absolute; top: -43px; left: 0; background-color: #f2f2f2; display: none; padding: 20px 0; font-size: 1.2em; text-transform: uppercase; letter-spacing: 0.12em; max-width: 300px; background-color: red; }
.icontent a { color: #b3b3b3; text-decoration: none; border-bottom: 1px solid #b3b3b3; display: inline-block; padding-bottom: 2px; }
.mark { display: none; }
table { margin: 0; padding: 0; }
table td { padding-bottom: 12px; }
.page-id-358 table td, .page-id-481 table td, .page-id-533 table td { padding-bottom: 0; vertical-align: bottom; }
table td:first-child { padding-right: 5px; }
.responsive-map { display: none;  }
#mobile-map { display: block; width: 100%; height: 250px; background: url(images/mobile-map.png) center center no-repeat; background-size: 351px 250px; margin-bottom: -80px; margin-top: -20px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
table td:nth-child(2) { /* display: none;*/ }


/* -- Misc -- */
.post-edit-link { display: none; }


/* -- Nav -- */
#logo a { height: 30px; margin-top: 3px; }
#mobile-header nav { margin-top: 49px; clear: both; background-color: #fff; display: none; width: 100%; z-index: 1; font-size: 1.4em; text-transform: uppercase; letter-spacing: 0.125em; padding: 25px 0 28px 0; text-align: center; }
#mobile-header nav li { width: 100%;  }
#mobile-header nav a { padding: 6px 0;  margin: 0; display: block; text-decoration: none; color: #b3b3b3; }
#mobile-header nav .current-menu-item a, #mobile-header nav a:hover { text-decoration: underline; }
#mobileNavIcon { position: fixed; right: 0; top: 4px; z-index: 3; width: 57px; height: 47px; }
.iconon { background: url(images/menu-icon.png) no-repeat; background-size: 57px 47px; }
.iconoff { background: url(images/menu-icon-off.png) no-repeat; background-size: 57px 47px; }
#footer-menu { font-size: 1.35em; }
#footer-menu a { display: block; padding: 0; margin-bottom: 12px; }
#footer-menu .current-menu-item a, #footer-menu a:hover { border: none; text-decoration: underline; padding: 0; }


/* -- Homepage -- */
.page-home #logo { background: transparent; border-bottom: none; }
.page-home .iconon { background: url(images/menu-icon-white.png) no-repeat; background-size: 57px 47px; }
.page-home .iconoff { background: url(images/menu-icon-off-white.png) no-repeat; background-size: 57px 47px;  }
.page-home nav {top: 49px; margin-top: 0; }


/* -- Menu Page -- */
.menu-left, .menu-middle, .menu-right { width: 100%; padding-left: 25px; }
.post { margin-top: 73px; }
.page-title { font-size: 2.25em; }
.entry h2 { font-size: 1.5em; }
}



/* ----------- Medium ----------- */

@media all and ( min-width : 768px ) and ( max-width : 925px ) {

/* -- Header -- */
#logo { float: left; }


/* -- Menu -- */
#left-menu a { margin-right: 12%; }
#right-menu a { margin-left: 8px; }
/*#left-menu { width: 40%; margin-top: 13px; z-index: 5; position: absolute; }
#right-menu { width: 40%; margin-top: -16px; position: absolute; right: 18px; z-index: 5; }*/
#right-menu { font-size: 0.8em; float: right; margin-top: 13px; }
.menu-left { width: 33% }
.menu-middle { width: 34%; }
.menu-right { width: 33%; }
#footer-menu a { margin: 0 5px; }

/* -- Structure -- */
h2 { padding-left: 7px; }
.entry { font-size: 1.5em; }
#background-image { display: none; }
#background-image-mobile { display: block; width: auto; height: 500px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover !important; background-repeat: no-repeat; background-position: center center; margin: 53px 0 40px 0;  }
.mark { display: none; }
#footer-menu { font-size: 1.0em; }

}