.slicknav_menu {
	display:none;
}
@media screen and (max-width: 87em) {
	.menu-item {
    padding: 0 0 0 1em;
    }
    
    .logo {
	margin-top: .5rem;
	font-size: 2rem;	
    }
    
    .logo-pic {
	width: 13rem;
	margin-top: .3rem;
    }
    
    .header {
	padding: 1rem 6% .6rem;	
	}
	
	.header-right {
	padding-bottom: .3rem
	}
	
	.main {
	margin-top: 4.5rem;		
	}
	

    
    /* -----  FEENTEICH  ------------------------------------------------------- */	
	
	.ft-info {
	width: 66.66%;
    }

    .ft-image {
	width: 33.33%;
    }

}


@media screen and (max-width: 75em) {
	
		html {	
	font: normal 400 1.1em/1.35 'DIN';
	}
	
	h1 {
	font-size: 1.35rem;
  	line-height: 1.15em;
	}

	h2 {
  	font-size: 1.25rem;
  	line-height: 1.3rem;
  	text-align: left;
  	margin-bottom: .5rem
	}
	
	h3 {
	font-size: 1.1rem;
	line-height: 1.2;
	margin-bottom: .3rem
	}

	.wrap {
	width: 92%;	
	}

	.header {
	padding: .6rem 4% .1rem;	
	}
	
	a .is-active {
	border-bottom: 2px solid;
	padding-bottom: 0.1rem;
	}
	
	
	.logo {
	margin-top: .5rem;
	font-size: 1.5rem;	
	}
	
	.logo-pic {
	width: 10rem;
	margin-top: .6rem;
    }
	
	.header.smaller .logo {
	margin-top: .1rem;	
	}
	
	.header-right {
	padding-bottom: .6rem
	}
	
	.header-right.ft {
	padding-bottom: 1.4rem
	}
	
	.menu {
	font-size: .9rem;
	}
	
	.menu-item {
    display: inline-block;
    padding: 0 0 0 .7em;
    }
	
	.menu-item.is-active a {
    padding-bottom: 0.1rem;
	}
	
	.menu.lang {
	text-align: right;
	font-size: .6rem;
	margin-bottom: .5rem;
	}
	
	.submenu {
	margin-top: 1rem;
	}
	
    input[type=password], input[type=email] {
	width: 50%;
	}	
	
	.main {
	margin-top: 3rem;	
	}
	
	.footer-copyright {
	font-size: 0.6rem;
	margin-top: .4rem;
	margin-bottom: .4rem;	
	}
	
	.sociallinks {
	font-size: 0.65rem;
	padding: .4rem 0 .2rem;
	}
	
	.social {
	margin: 0 0 0 .5rem;
	}
	
	.artsy{
	width: 18px;
	padding-bottom: 3px;
 	}
	
	/* -----  HOME  ------------------------------------------------- */
	
	.home.royalSlider {
	top: 0;
	bottom: 1.8rem;
    padding-top: 0;
	}

	.toptitle {
	bottom: 1.5rem;		
	font-size: 1.6rem;
	}
	
	.topframe {
    width: 92%;
    }
    
    .toptitle.upright {
	top: 1em;
	}

	.toptitle.downright {
	left: auto;
	right: 0;
	}

	.toptitle.upleft {
	top: 1em;		  
	}
	
		
	/* -----  ARTISTS  ------------------------------------------------- */

	.artistmenu li {
	padding: 0em .85em 0 0em;
	}
	
	.artist-title {
	font-size: .85rem;	
	}
	
	.artists.grid-item {
	width: 33.33%;
	margin-bottom: .5rem;
	}

	
	.artist.grid-sizer, .artist.grid-item { 
	width: 31.333%; 
	margin-bottom: 3%;
    }
    
    .artist.gutter-sizer { 
	width: 3%; 
    }
    
    .artisttext .text p {
    width: 100%;
    }
    
    /* -----  SHOWROOM  ------------------------------------------------- */

.showroom.grid-sizer, .showroom.grid-item { 
	width:45%; 
	margin-bottom: 5%;
	float: left;
}

.showroom.gutter-sizer { 
	width: 5%; 
}   


	/* -----  EXHIBITIONS  ------------------------------------------------- */
	
	.exhibition-frame {
	margin-bottom: 3rem;
	}
	
	.exhibition.grid-item {
	width: 50%;	
	margin-bottom: .5rem;
	}
	
	.exhibtext {
	font-size: .8rem;
	}	
	
	.exhibtitle {
    float: none; 
    max-width: 100%;
    }
   
   .exhibview {
	width: 100%;
	float: none;
	}
	
	.exhibsubhead {
    float: none; 
    max-width: 100%;
	}
	
	.exhib.grid {
	float: none;
	width: 100%;
	}
	
	.exhib.grid-sizer, .exhib.grid-item { 
    width:31.33%; 
	margin-bottom: 3%;
    }
    
    .exhibtext-current {
	padding: 20px;
	font-size: 1.1rem;
	line-height: 1.2em;
	width: 75%;
     }

	
	
/* -----  NEWS  ------------------------------------------------------- */
	

	
	.news.grid-item { 
	width: 33.33%;
	margin-bottom: .5rem; 
	}
	
	
/* -----  PUBL  ------------------------------------------------------- */	
	
	.publ.grid-item { 
	width: 33.33%;
	margin-bottom: .5rem;
	}
	
	
	
	.viewlink {
	width: 25px;
	height: 25px;
	transform: translate(-13px,-13px);
	}
	
    .viewflex .fas {
	font-size: .8rem;
	align-self: center;
    }	

/* -----  FEENTEICH  ------------------------------------------------------- */	
	
	.ft-info {
	width: 100%;
    }

.ft-image {
	width: 100%;
    }
    
.viewing-grid .gridwork3 {
	width: 50%
}
	
	
	
}



@media screen and (max-width: 58em) {
	.slicknav_menu {
	display:block;
	}
	
	.header-right.mobile {
	display:none;
	}


	.home.royalSlider {
	top: 2.3rem;
	bottom: 2.2rem;
    padding-top: 1rem;
	}
	
	.header.white .logo, .header.white .menu {
	color: #000;
	}
	

	
	.logo {
	margin-top: 0rem;
	}
	
	.toptitle {
	bottom: 1.5rem;	
	font-size: 1.2rem;
	}
	
	.menu-item.lang:not(:last-child)::after {
	padding: 0 .2em	
	}
	
	.menu-item {
	padding: 0;
	line-height: .6rem;	
	}
}


@media screen and (max-width: 40em) {
	

	

	h1 {
	font-size: 1.25rem;
  	line-height: 1.15em;
	}

	h2 {
  	font-size: 1.15rem;
  	line-height: 1.3rem;
  	text-align: left;
  	margin-bottom: .5rem
	}
	
	h3 {
	font-size: 1rem;
	line-height: 1.2;
	margin-bottom: .3rem
	}
	
	
	.text {
	text-align: left;
	font-size: .85rem;
	margin-bottom: 3rem;
	}
	
	.textpage {
	width: 100%;
	}
		
	.btn {
	margin: .6em .6em .6em 0;   
	} 
	
	.logo {
	margin-top: 0rem;
	font-size: 1.5rem;	
	} 
	
	.menu-item {
	padding: 0;
	line-height: .9rem;	
	}

	.footer {
	opacity: 1;
	position: relative;
	vertical-align: middle;
	width: 100%;
	margin-top: 2rem;
	padding: 1rem 0;
	-webkit-transition: all 0.5s ease;
 	transition: all 0.5s ease;
	}

	.footer.smaller {
	opacity: 0;
	}

	.submenu-item {
	 display: inline-block;
	 padding: 0 1em 1em 0em;
	}


	.footer-copyright {
	font-size: 0.5rem;
	margin-top: .7rem;
	display: inline-block;
	float: left;
	vertical-align: bottom;
	}
	
	.copyright {
	display: none;
	}

	.social {
	margin: 0 0 0 .3rem;
	}
	
	.pagination {
    margin-bottom: 0rem;
    }
    
    input[type=password], input[type=email] {
	width: 80%;
	}
	
		
/* -----  HOME  ------------------------------------------------- */
	

	
	.toptitle {
	bottom: 1.5rem;	
	font-size: 1.2rem;
	}
	
	.toptitle.upright {
	top: 1.3em;
	}

	.toptitle.downright {
	left: 0;
	right: auto;
	}

	.toptitle.upleft {
	top: 1.3em;		  
	}

	
	/* -----  ARTISTS  ------------------------------------------------- */

	
	.artistmenu {
	letter-spacing: .04em;
	font-size: 0.75em;
	margin-top: .4rem;
	}
	
	.artists.grid-item {
	width: 100%;
	margin-bottom: 1rem;
	}
	
	.artist.grid-sizer, .artist.grid-item { 
	width:48%; 
	margin-bottom: 4%;
    }
    
    .artist.gutter-sizer { 
	width: 4%; 
    }
    
    .artisttext {
    text-align: left;
    float: left;
    width: 100%;
    }
    
    .artisttextimages {
	float: left;
	width: 100%;
	margin-right: 4%;
    }


/* -----  SHOWROOM  ------------------------------------------------- */

.showroom.grid-sizer, .showroom.grid-item { 
	width:100%; 
	margin-bottom: 5%;
	float: left;
}

.showroom.gutter-sizer { 
	width: 0; 
}    
    	
	/* -----  EXHIBITIONS  ------------------------------------------------- */


	.exhibition-frame {
	margin-bottom: 2rem;
	}
	
	.exhibtext-current {
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 15px;
	font-size: 1.1rem;
	line-height: 1.2em;
	width: 100%;
     }
     
    .exhibtitle {
	font-size: .8rem;
    }
    
    .exhibtop {
	margin-bottom: 1rem;
	}
	
	.exhibworks {
	display: block;
	margin: 2em 0;
	}
	
	.exhib.grid-sizer, .exhib.grid-item { 
    width:48%; 
	margin-bottom: 4%;
    }
    
    .exhib.gutter-sizer { 
	width: 4%; 
    }

	.exhibition.grid-item {
	width: 100%;
	margin-bottom: 1rem;
	}
	
	.exhibition.tags {
	font-size: .75rem;
	}
	
	
	/* -----  PUBL  ------------------------------------------------------- */	
	
	.publ.grid-item { 
	width: 100%;
	margin-bottom: 1rem;
	}
	
	.publimg:before {
	padding-top: 0;
	}
	
	.publimg img{
	position: relative;
	bottom: 0;
	left: 0;
	max-height: 100%;
	width: 80%;
	}
	
	.publtext {
	width: 80%;
	}

	
	
	
	/* -----  NEWS  ------------------------------------------------------- */
	
	
	.news.grid-item { 
	font-size: .7rem;
	width: 100%;
	margin-bottom: 1rem; 
	}
	
	.newstextimages {
	float: none;
	width: 100%;
	padding-right: 0;
	margin-bottom: 1rem;
	}

	.news.text {
	float: none;
	width: 100%;
	}	
	
	.newshead {
	font-size: 1rem;
	width: 100%;
	}
	
	.newstext {
	font-size: .8rem;
	line-height: 1.1em;
	}
	
	.newsarticle {
	line-height: 1.3em;
    }
	
	.newslink {
    font-size: .7rem;
	}
	
	/* -----  GALL  ------------------------------------------------------- */

	.gallerymenu {
	margin-top: 0rem;
	position:relative;
	}

	.gallerymenu .submenu-item {
	font-size: 0.75em;
	padding: 0 .5em .5em 0em;
	}

	.galleryview {
	width: 100%;
	float: none;
	}
	
	.galleryview p {
	width: 100%
	}
	
	.gallerysection h3 {
	margin-top: 2rem;
	}

	.galleryview #slides {
	margin-bottom: 1.5rem;
	}

	.gallerytitle {
	float: none; 
	max-width: 100%;
	padding-right: 0rem;
	padding-bottom: 1rem;
	}

	#map-canvas {
    width: 100%;
    height: 14rem;
    margin-bottom: 1.5rem;
	}
	
	/* ----- VIEWINGROOM  ------------------------------------------------------- */
	
	
	
	
   .viewing-intro, .viewing .text p, .viewing-video {
	width: 100%;
	}
	
	.viewing-small {
	width: 100%;
	}
	
	.viewing-quote {
	width: 100%;
	}
	
	.viewing-grid .gridwork1, .viewing-grid .gridwork2, .viewing-grid .gridwork3 {
	width: 100%;
	}
	
	.viewing-grid .gridwork1.fair {
	width: 100%;
	margin: 0 auto;	
	padding: 1rem 2rem;	
	}
	
	.viewing-grid .gridwork1 {
	padding: 1rem 2rem;	
	}
	
	.viewing-grid .gridwork3-img, .viewing-grid .gridwork2-img {
	height: 80vw;	
	}
	    
    .viewlink {
	width: 18px;
	height: 18px;
	transform: translate(-9px,-9px);
	}
	
    .viewflex .fas {
	font-size: .7rem;
	align-self: center;
    }	
    
    
    .ft-info {
	    padding-right: 0;
    }
	
}