/* -----------------------------------------------------------------------
    Responsive
-------------------------------------------------------------------------- */

@media only screen and (min-width: 2000px) {

	#hero-header { height: 700px; }
	#hero-overlay { width: 700px; left: -700px; }

}
@media only screen and (min-width: 1800px) and (max-width: 1999px) {

	#hero-header { height: 650px; }
	#hero-overlay { width: 600px; left: -600px; }
	
}
@media only screen and (min-width: 1600px) and (max-width: 1799px) {
	
	body { font-size: 22px; line-height: 30px; }
	
	#hero-header { height: 600px; }
	#hero-overlay { width: 530px; left: -530px; }
	
}
	
@media only screen and (min-width: 1400px) and (max-width: 1599px) {	
	
	body { font-size: 22px; line-height: 30px; }
	
	input[type="text"], input[type="email"], input[type="password"], select, textarea { width: 94%; }
	
	.size-large { max-width: 97.8%; }
	
	#menu-main-navigation ul.sub-menu a { font-size: 17px; line-height: 21px; }
	
	#hero-header { height: 450px; }
    
    .home-teaser h2 { font-size: 39px; line-height: 42px; }
    
    .news-teaser { width: 31.8%; }
    .news-teaser h3 { font-size: 24px; line-height: 28px; }
    .news-teaser h5, .news-teaser span, .news-teaser p { font-size: 20px; line-height: 28px; }
	
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {	
	
	body { font-size: 22px; line-height: 30px; }
	
	input[type="text"], input[type="email"], input[type="password"], select, textarea { width: 93%; }
	
	.size-large { max-width: 97.5%; }
	
	#logo h1 { font-size: 38px; line-height: 36px; }
	#logo h1 span { font-size: 20px; line-height: 30px; }
	
	#main-nav { margin-top: 44px; }
	#menu-main-navigation li { margin: 0 11px; }
	#menu-main-navigation li > a { font-size: 18px; line-height: 22px; }
	#menu-main-navigation ul.sub-menu { top: 41px; }
	#menu-main-navigation ul.sub-menu a { font-size: 16px; line-height: 20px; }
	
	#search-form { margin-top: 38px; }
	input[type="search"] { width: 170px; }
	
	#hero-header { height: 400px; }
	
	.home-teaser .inset { padding: 25px; }
	.home-teaser h2 { font-size: 36px; line-height: 40px; }
	#home-teaser-friends img { width: 39px; height: 25px; }
	#home-fb-link { display: none; }
	.fb-update { width: 82%; }

	.teaser-text h3 { font-size: 32px; line-height: 34px; }
    
    .news-teaser { width: 31.5%; }
    .news-teaser h3 { font-size: 24px; line-height: 28px; }
    .news-teaser h5, .news-teaser span, .news-teaser p { font-size: 18px; line-height: 26px; }
	
	.sidebar-item input[type="text"],
	.sidebar-item input[type="email"] { width: 88%; }
	
	#footer-contact, #footer-hours { padding-top: 16px; font-size: 17px; line-height: 25px; }
	#menu-footer-navigation li { margin: 0 3px; }
	#menu-footer-navigation a { font-size: 16px; line-height: 18px; }

}

@media only screen and (min-width: 1060px) and (max-width: 1199px) {	
	
	body { font-size: 20px; line-height: 28px; }
	
	input[type="text"], input[type="email"], input[type="password"], select, textarea { width: 92%; }
	
	.inset { padding: 25px; }
	
	.size-large { max-width: 97.2%; }
	.size-medium { max-width: 400px; }
	
	#logo h1 { font-size: 33px; line-height: 34px; }
	#logo h1 span { font-size: 17px; line-height: 27px; }
	#logo h1 a { padding: 40px 0; }
	
	#main-nav { margin-top: 73px; }
	#menu-main-navigation li { margin: 0 16px; }
	#menu-main-navigation li > a { font-size: 19px; line-height: 23px; }
	#menu-main-navigation ul.sub-menu { top: 42px; left: -8px; }
	#menu-main-navigation ul.sub-menu a { font-size: 15px; line-height: 20px; }
	
	#search-form { position: absolute; top: 12px; right: 0; margin: 0; }
	#search-results #search-form, #page-404 #search-form { position: relative; top: 0; }
	
	#hero-header { height: 350px; }
	
	.home-teaser h2 { font-size: 30px; line-height: 36px; }
	#home-teaser-friends img { width: 36px; height: 22px; margin-bottom: 0; }
	.latest-news-post h4 { font-size: 18px; line-height: 22px; }
	.fb-update { width: 100%; clear: both; }
	.fb-update h4 { display: none; }
	.fb-update p { font-size: 17px; line-height: 23px; padding-top: 10px; }
	.fb-update p a { font-size: 18px; }

	.teaser-text h3 { font-size: 28px; line-height: 30px; padding-bottom: 5px; }
	.teaser-text h5 { font-size: 20px; line-height: 24px; }
    
    .news-teaser { width: 31.3%; }
    .news-teaser h3 { font-size: 24px; line-height: 28px; }
    .news-teaser h5, .news-teaser span, .news-teaser p { font-size: 18px; line-height: 26px; }
	
	#sidebar-signup input[type="text"],
	#sidebar-signup input[type="email"] { width: 86%; }
	
	#footer-content { padding-bottom: 0; }
	#footer-contact, #footer-hours { width: 43%; margin-bottom: 30px; }
	#footer-meta { clear: both; width: 40%; margin-bottom: 0; }
	#footer-nav { margin-bottom: 10px; }
	
}

@media only screen and (min-width: 980px) and (max-width: 1059px) {	
	
	body { font-size: 20px; line-height: 28px; }
	
	input[type="text"], input[type="email"], input[type="password"], select, textarea { width: 91%; }
	
	.inset { padding: 25px; }
	
	.size-large { max-width: 97%; }
	.size-medium { max-width: 380px; }
	
	#logo h1 { font-size: 30px; line-height: 32px; }
	#logo h1 span { font-size: 16px; line-height: 26px; }
	#logo h1 a { padding: 40px 0; }
	
	#main-nav { margin-top: 70px; }
	#menu-main-navigation li { margin: 0 14px; }
	#menu-main-navigation li > a { font-size: 17px; line-height: 21px; }
	#menu-main-navigation ul.sub-menu { top: 40px; }
	#menu-main-navigation ul.sub-menu a { font-size: 14px; line-height: 18px; }
	
	#search-form { position: absolute; top: 12px; right: 0; margin: 0; }
	input[type="search"] { font-size: 16px; line-height: 24px; padding: 4px 8px 4px 28px; }
	#search-results #search-form, #page-404 #search-form  { position: relative; top: 0; }
	
	#hero-header { height: 400px; }
	#hero-overlay { width: 490px; left: -490px; }
	#hero-overlay-text { padding: 12% 12% 0 12%; }
	#hero-overlay-text h2 { font-size: 36px; line-height: 36px; }
	
	#home-teaser-friends h2 { font-size: 34px; line-height: 38px; }
	#home-teaser-friends h2 br { display: block; }
	#home-teaser-friends img { width: 37px; height: 24px; margin-bottom: -2px; }
	#home-teaser-news h2 { font-size: 31px; line-height: 35px; }
	.latest-news-post h4 { font-size: 18px; line-height: 22px; }
	.fb-update { width: 100%; clear: both; }
	.fb-update h4 { display: none; }
	.fb-update p { font-size: 17px; line-height: 23px; padding-top: 10px; }
	.fb-update p a { font-size: 18px; }
	
	#content.has-sidebar { width: 100%; }
	
	.teaser-text { padding: 30px; }
	.teaser-text h3 { font-size: 26px; line-height: 28px; padding-bottom: 6px; }
	.teaser-text h5 { font-size: 18px; line-height: 22px; }
    
    .news-teaser { width: 31.1%; }
    .news-teaser h3 { font-size: 22px; line-height: 26px; }
    .news-teaser h5, .news-teaser span, .news-teaser p { font-size: 18px; line-height: 26px; }
	
	.google-map { height: 300px; }
	
	#sidebar-right { width: 100%; }
	#sidebar-right.collection-sidebar { margin-bottom: 0 !important; }
	.sidebar-item { width: 48%; float: left; margin-right: 4% }
	.sidebar-item .inset { padding: 25px 30px; }
	#sidebar-signup { margin-right: 0; }
	#sidebar-signup input[type="text"],
	#sidebar-signup input[type="email"] { width: 92.5%; }
	
	#sidebar-search { width: 100%; }
	#sidebar-search input[type="search"] { max-width: 300px; }
	
	#footer-content { padding-bottom: 0; }
	#footer-contact, #footer-hours { width: 46%; margin-bottom: 30px; padding-top: 0; }
	#footer-meta { clear: both; width: 44%; margin-bottom: 0; }
	#footer-nav { margin-bottom: 10px; }
		
}

@media only screen and (max-width: 979px) {
	
	#logo { position: absolute; width: 35%; z-index: 1000; }
	#logo h1 a { padding: 20px 30px 20px 0; }
	
	#masthead .col-four-fifth { width: 100%; padding: 75px 0 0 0; }
	
	#main-nav { margin: 0; width: 100%; position: relative; z-index: 100; }
	#menu-main-navigation { display: none; }
    #responsive-nav { display: block; }
    .slicknav_menu { position: relative; z-index: 10000; }
	.slicknav_btn { font-family: 'Raleway', sans-serif; position: relative; display: block; overflow: hidden; cursor: pointer; text-decoration: none; color: #aaaaaa; padding: 20px 0 20px 20px; margin: 0; float: right; line-height: 20px; letter-spacing: 2px; }
	.slicknav_btn.slicknav_collapsed { margin-bottom: 0; }
	.slicknav_menu { background: transparent; *zoom: 1; margin-bottom: 0; }
	.slicknav_menutxt, .slicknav_icon { display: block; float: left; }
	.slicknav_menutxt { color: #aaaaaa; font-size: 20px; line-height: 26px; }
	.slicknav_icon { float: left; margin: 5px 0 0 10px; }
	.slicknav_icon-bar { background-color: #aaaaaa; display: block; width: 1.125em; height: 0.125em; }
	.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar { margin-top: 0.25em }
	.slicknav_nav { font-family: 'Raleway', sans-serif; clear: both; margin: 0 0 30px 0; padding: 0; }
	.slicknav_nav, .slicknav_nav ul { list-style: none; overflow: hidden; }
	.slicknav_nav ul { padding: 0; margin: 0; list-style: none; }
	.slicknav_nav li { display: block; margin: 0; font-size: 20px; line-height: 24px; text-align: right; border-bottom: 1px solid #aaaaaa; font-family: 'Rajdhani', sans-serif; text-transform: uppercase; }
	.slicknav_nav li:last-child { border-bottom: none; }
	.slicknav_nav .slicknav_arrow { font-size: 0.8em; margin: 0 0 0 0.4em; }
	.slicknav_nav .slicknav_item { display: block; cursor: pointer; padding: 10px 0; }
	.slicknav_nav a { display: block; padding: 10px 0; text-decoration: none; color: #aaaaaa; }
	.slicknav_nav .slicknav_item a { display: inline; padding:0; margin:0; }
	.slicknav_nav li:hover a,
	.slicknav_nav a:hover,
	.slicknav_nav .slicknav_arrow:hover,
	.slicknav_nav .slicknav_item:hover,
	.slicknav_nav li.current-menu-item a,
	.slicknav_nav li.current-menu-parent a { color:#30ceba; }
	.slicknav_nav li.current-menu-parent .sub-menu a { font-weight: 300; color: #fff; }
	.slicknav_nav .sub-menu li { margin-left: 0; text-transform: none; border-top: 1px solid #fff; border-bottom: none; }
	.slicknav_nav .sub-menu li a { font-size: 17px; padding-left: 20px; padding-right: 20px; background: #aaa; color: #fff; text-transform: none; }
	.slicknav_nav .sub-menu li a:hover, .slicknav_nav .sub-menu li.current-menu-item a { color: #fff; background: #30ceba; }
	.slicknav_nav .sub-menu li.current-menu-item a { font-weight: 600; }
	.slicknav_nav .slicknav_txtnode { margin-left: 15px; }
	.slicknav_menu:before,
	.slicknav_menu:after { content: " "; display: table; }
	.slicknav_menu:after { clear: both }
	
	#search-form { position: absolute; top: 12px; right: 0; margin: 0; overflow: hidden; padding-bottom: 2px; }
	input[type="search"] { font-size: 16px; line-height: 24px; padding: 4px 8px 4px 28px; }
	#search-results #search-form, #page-404 #search-form { position: relative; top: 0; }
	
	#page-title h1 { padding-left: 0; }
	
	#footer-content { padding-bottom: 0; }
	#footer-content h4 { font-size: 36px; line-height: 40px; }
	#footer-contact, #footer-hours { width: 48%; margin-bottom: 30px; padding-top: 0; font-size: 17px; line-height: 25px; }
	#footer-hours { margin-right: 0; }
	#footer-meta { clear: both; width: 60%; margin-bottom: 0; }
	#footer-nav { padding-top: 5px; margin-bottom: 15px; }
	
}
	
/* Tablet Portrait size to Tablet Landscape (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 979px) {
	
	body { font-size: 18px; line-height: 26px; }
	h1,
	h2 { font-size: 32px; line-height: 38px; margin-bottom: 20px; }
	h3 { font-size: 22px; line-height: 26px; }
	h4 { font-size: 20px; line-height: 24px; }
	h5 { font-size: 16px; line-height: 20px; }
	h6 { font-size: 14px; line-height: 18px; }
	
	.size-large { max-width: 96.8%; }
	.size-medium { max-width: 300px; }
	.alignleft, .alignright, .aligncenter, .alignnone, .wp-caption { padding: 7px 8px 8px 8px; }
	
	.wrapper { padding: 0; }
	.container { width: 720px; }
	.inset { padding: 20px; }
	
	#hero-header { height: 350px; }
	#hero-overlay { width: 100%; left: 100%; background: rgba(0,0,0,0.3); }
	#hero-overlay a { width: 90px; height: 48px; background-size: 80px 48px; -moz-background-size: 80px 48px; -webkit-background-size: 80px 48px; -o-background-size: 80px 48px; right: 3%; }
	#hero-overlay-text { width: 720px; margin: 0 auto; padding: 10% 0 0 0; }
	
	.subnav li { font-size: 22px; line-height: 26px; }
	
	#content-left.col-half, #content-right.col-half { width: 100%; }
	#content.has-sidebar, #sidebar-right { width: 100%; }
		
	#home-teaser-friends h2 { font-size: 27px; line-height: 31px; }
	#home-teaser-friends h2 br { display: block; }
	#home-teaser-news h2 { font-size: 24px; line-height: 28px; }
	.latest-news-post .teaser-image { width: 50%; }
	.latest-news-post .col-three-fourth { width: 100%; clear: both; }
	.latest-news-post a.upper { padding: 5px 5px 5px 0; font-size: 20px; line-height: 24px; }
    .fb-update { width: 100%; clear: both; padding-top: 15px; }
    .fb-update h4 { margin-bottom: 10px; }
    .fb-update p { font-size: 16px; line-height: 22px; }
    .fb-update p a { display: block; padding: 5px 5px 5px 0; font-size: 20px; line-height: 24px; }
	#home-fb-link { right: 20px; top: 20px; }
	
	.teaser-text { padding: 20px; }
	.teaser-text h3 { font-size: 21px; line-height: 23px; padding-bottom: 6px; }
	.teaser-text h5, .teaser-text span { font-size: 15px; line-height: 19px; }
	.teaser-text .exhibition-date { display: block; padding-top: 6px; }
	
	.gallery-thumb.col-one-fourth { margin-bottom: 22px; }
	.gallery-thumb i { font-size: 30px; }
	
	.work-thumb.col-one-fifth { margin-right: 2%; margin-bottom: 2%; width: 18.4%; }
	
    .news-teaser { width: 47.8%; }
    .news-teaser h3 { font-size: 24px; line-height: 28px; }
    .news-teaser h5, .news-teaser span, .news-teaser p { font-size: 18px; line-height: 26px; }
	
	.google-map { height: 280px; }
    .page-id-110 #content { margin-bottom: 20px; }
    .page-id-110 #content .col-half { margin-bottom: 0; }
    #wpcf7-f96-o1 input[type="text"],
	#wpcf7-f96-o1 input[type="email"],
	#wpcf7-f96-o1 textarea { width: 89.5%; }
	#sidebar-signup { float: right; }
    
    #sidebar-right.collection-sidebar { margin-bottom: 0 !important; }
	.sidebar-item { width: 48%; float: left; margin-right: 4% }
	#sidebar-signup { margin-right: 0; }
	#sidebar-signup input[type="text"],
	#sidebar-signup input[type="email"] { width: 89.5%; }
	#sidebar-search { width: 100%; }
	#sidebar-search input[type="search"] { max-width: 300px; }
	
}

@media only screen and (max-width: 767px) {

    .col-full,
    .col-half,
    .col-one-third,
    .col-two-third,
    .col-one-fourth,
    .col-three-fourth,
    .col-one-fifth,
    .col-two-fifth,
    .col-three-fifth,
    .col-four-fifth,
    .col-one-sixth,
    .col-five-sixth { width: 100%; }

    .col-full,
    .col-half,
    .col-one-third,
    .col-two-third,
    .col-three-fourth,
    .col-one-fourth,
    .col-one-fifth,
    .col-two-fifth,
    .col-three-fifth,
    .col-four-fifth,
    .col-one-sixth,
    .col-five-sixth { margin-right: 0; float: none; }
    
    .col-full,
    .col-half,
    .col-one-third,
    .col-two-third,
    .col-three-fourth,
    .col-one-fourth,
    .col-one-fifth,
    .col-two-fifth,
    .col-three-fifth,
    .col-four-fifth,
    .col-one-sixth,
    .col-five-sixth { margin-bottom: 40px !important; }

    .wrapper { padding: 0; }
    
    #masthead .col-one-fifth, #masthead .col-four-fifth { margin-bottom: 0 !important; }
    #logo a.standard-logo { display: none; }
    #logo a.retina-logo { display: block; }
    
    #hero-overlay { width: 100%; left: 100%; background: rgba(0,0,0,0.3); }
    
    #main-content { padding-bottom: 20px; }
    .home #main-content { padding-top: 30px; }
    
    .home-teaser { padding-bottom: 0; margin-bottom: 25px !important; }
    
    #sidebar-left, #content { overflow: hidden; clear: both; margin-bottom: 20px !important; }
    
    #sidebar-left { }
    .subnav h2 { display: block; }
    .subnav li { border-bottom: 1px solid #aaaaaa; }
    .subnav li:last-child { border-bottom: none; }
    
    #content { padding-top: 0; }
    #content.has-sidebar { width: 100%; }
    
    #page-title { margin-bottom: 20px; }
    #page-title h1 { padding: 12px 0; }
    
    .row-clear { display: none; }
    .responsive-row-clear { display: block; }   
    
	.artist-profile .col-one-fourth { margin-bottom: 15px !important; }
	.artist-profile .col-three-fourth { margin-bottom: 0 !important; }
    
    .work-thumb { width: 48%; margin-right: 4%; float: left; }
    .work-thumb.col-last { margin-right: 4% !important; }
    .work-thumb.mobile-last { margin-right: 0 !important; }
    
	#news-events-filter { padding-top: 20px; }
    .news-teaser { width: 100%; }
    .news-teaser h5, .news-teaser span, .news-teaser p { font-size: 18px; line-height: 26px; }
    .news-teaser a.upper { font-size: 20px; line-height: 28px; font-weight: 600; }
    
    #nav-single li span { display: none; }
    
    #sidebar-right { width: 100%; }
    #sidebar-right.collection-sidebar { margin-bottom: 0 !important; }
    
    #footer-contact, #footer-hours, #footer-meta { width: 100%; margin: 0 0 20px 0 !important; }
    #footer-logos { padding-top: 10px; }
    #footer-logos .col-one-third { margin-bottom: 0 !important; float: left; }
    #footer-logos .col-one-third.col-last { margin-right: 0; }
	
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	
	body { font-size: 18px; line-height: 26px; }
	h1,
	h2 { font-size: 28px; line-height: 32px; margin-bottom: 20px; }
	h3 { font-size: 24px; line-height: 28px; }
	h4 { font-size: 20px; line-height: 24px; }
	h5 { font-size: 18px; line-height: 22px; }
    
    .kicker, #description p:first-of-type { font-size: 22px; line-height: 28px; }
	
	input[type="text"], input[type="email"], input[type="password"], select, textarea { width: 92.5%; }
	
	.size-medium,
	.size-large { max-width: 420px !important; }
	.alignleft, .alignright, .aligncenter, .alignnone, .wp-caption { padding: 8px 9px 9px 9px; max-width: 420px; }
	
    .container { width: 440px; }
    
    #masthead .col-four-fifth { padding-top: 70px; }
    #logo { width: 240px; }
    #logo h1 { font-size: 40px; line-height: 36px; }
    #logo h1 span { font-size: 21px; }
     
    #search-form { top: 6px; }
	
	#hero-header { height: 300px; }
	#hero-overlay a { width: 70px; height: 36px; background-size: 60px 36px; -moz-background-size: 60px 36px; -webkit-background-size: 60px 36px; -o-background-size: 60px 36px; right: 3%; }
	#hero-overlay-text { width: 440px; margin: 0 auto; padding: 10% 0 0 0; }
	
	.home-teaser h2 { font-size: 40px; line-height: 44px; }
	.latest-news-post .teaser-image, .latest-news-post .col-three-fourth { float: left; margin-bottom: 0 !important; }
	.latest-news-post .col-three-fourth { width: 70%; padding-top: 5px; }
	.latest-news-post .teaser-image { width: 26%; margin-right: 4%; }
	.latest-news-post a.upper { padding: 10px 10px 4px 0; font-weight: 600; }
	#home-fb-link span { bottom: -6px; }
	
	.teaser-text .exhibition-date { font-size: 22px; line-height: 26px; padding-top: 10px; }
	
	.gallery-thumb.col-one-fourth { width: 48%; margin-right: 4%; float: left; margin-bottom: 20px !important; }
	.gallery-thumb.col-one-fourth.col-last, .gallery-thumb.col-one-fourth.col-last-responsive { margin-right: 0; }
	
	.artist-profile img { width: 50%; }
	
	.work-thumb { margin-bottom: 16px !important; }
	
    .news-teaser h3 { font-size: 22px; line-height: 26px; }
    
    .google-map { height: 220px; }
    
    .sidebar-item .inset { padding: 25px 30px; }
    .sidebar-item h3 { font-size: 26px; line-height: 30px; }
    .sidebar-item input[type="text"],
	.sidebar-item input[type="email"] { width: 92%; }
    
    #footer-content h4 { font-size: 34px; line-height: 36px; }
    #footer-logos .col-one-third { width: 30.63%; margin-right: 4%; }
	#footer-nav { padding-top: 10px; margin-bottom: 20px; }
    
    #back-to-top { right: 15px; bottom: 15px; }
	
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
    
	body { font-size: 17px; line-height: 24px; }
	h1,h2,h3,h4,h5,h6 { font-weight: 500; }
	h1,
	h2 { font-size: 26px; line-height: 30px; margin-bottom: 15px; }
	h3 { font-size: 22px; line-height: 26px; }
	h4 { font-size: 18px; line-height: 22px; }
	h5 { font-size: 16px; line-height: 20px; }

    .kicker, #description p:first-of-type { font-size: 20px; line-height: 26px; }
    
    table td { font-size: 16px; line-height: 20px; }
	
	input[type="text"], input[type="email"], input[type="password"], select, textarea { width: 88%; }
	
	.size-medium,
	.size-large { max-width: 264px; }
	.alignleft, .alignright, .aligncenter, .alignnone, .wp-caption { padding: 6px 7px 7px 7px; max-width: 264px; }
	
    .container { width: 280px; }
    .inset { padding: 20px; }
    
    #logo { width: 100%; position: relative; }
    #logo h1 { font-size: 36px; line-height: 32px; }
    #logo h1 span { font-size: 19px; }
    #logo h1 a { padding: 20px 0 10px 0; }
    
    #masthead .col-four-fifth { padding-top: 0; }
    .slicknav_btn { float: left; padding: 12px 20px 20px 0; }
    .slicknav_nav li { text-align: left; }
    
    #search-form { top: -4px; }
    input[type="search"] { width: 145px; }
    input[type="search"], input[type="search"]:hover { background-position: 8px center; }
	
	#hero-header { height: 180px; }
	#hero-overlay a { width: 50px; height: 24px; background-size: 40px 24px; -moz-background-size: 40px 24px; -webkit-background-size: 40px 24px; -o-background-size: 40px 24px; right: 3%; }
	#hero-overlay-text { padding: 8% 5% 0 5%; text-align: center; }
	#hero-overlay-text h5 { margin-bottom: 5px; }
	
	.home-teaser h2 { font-size: 28px; line-height: 32px; }
	#home-teaser-friends img { width: 32px; height: 20px; margin-bottom: 0px; }
	.latest-news-post .teaser-image { margin-bottom: 10px !important; }
	.latest-news-post .col-three-fourth { margin-bottom: 0 !important; }
	.latest-news-post a.upper { padding: 10px 10px 4px 0; }
    .fb-update { width: 100%; clear: both; padding-top: 15px; }
    .fb-update h4 { margin-bottom: 10px; }
    .fb-update p { font-size: 16px; line-height: 22px; }
    .fb-update p a { display: block; padding: 5px 5px 5px 0; font-size: 20px; line-height: 24px; }
    #home-fb-link { top: 20px; right: 20px; }
    #home-fb-link span { bottom: -6px; }
    
    .exhibition-date { display: none; }
	.exhibition-date-short { display: block; }
    
    .teaser-text { padding: 20px; }
	.teaser-text h3 { font-size: 24px; line-height: 26px; padding-bottom: 6px; }
	.teaser-text h5, .teaser-text span { font-size: 16px; line-height: 20px; }
	.teaser-text .exhibition-date { padding-top: 10px; font-size: 22px; line-height: 26px; }
	
	.latest-news-post { text-align: center; }
	.latest-news-post .teaser-image img { width: 150px; }
	
	.work-thumb { margin-bottom: 12px !important; }
	
	.gallery-thumb.col-one-fourth { margin-bottom: 30px !important; }
	
    .news-teaser h3 { font-size: 22px; line-height: 24px; }
    #nav-single li { font-size: 17px; line-height: 22px; }
    
    .google-map { height: 200px; }
    
    .sidebar-item h3 { font-size: 22px; line-height: 26px; }
    
    #contact-captcha { overflow: hidden; width: 160px; border-right: 1px solid #d3d3d3; -webkit-border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; height: 76px; }
    
    #footer-content h4 { font-size: 32px; line-height: 34px; }
    #footer-contact, #footer-hours { font-size: 16px; line-height: 24px; }
    #footer-logos .col-one-third { width: 48%; margin-right: 4%; }
	#footer-nav { padding-top: 5px; margin-bottom: 20px; }
	#menu-footer-navigation li { margin-bottom: 8px; }
	#menu-footer-navigation li#menu-item-125 { margin-left: 0; }
    
    #back-to-top { right: 10px; bottom: 10px; }

}

.visible-phone { display: none !important; }
.visible-tablet { display: none !important; }
.hidden-desktop { display: none !important; }
.visible-desktop { display: inherit !important; }

@media (min-width: 768px) and (max-width: 979px) {
  .hidden-desktop { display: inherit !important; }
  .visible-desktop { display: none !important ; }
  .visible-tablet { display: inherit !important; }
  .hidden-tablet { display: none !important; }
}

@media (max-width: 767px) {
  .hidden-desktop { display: inherit !important; }
  .visible-desktop { display: none !important; }
  .visible-phone { display: inherit !important; }
  .hidden-phone { display: none !important; }
}