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

.artists-page-list .columns-subsection {
	columns: 1;
	column-gap: 50px;
}
	
.breadcrumb{
	    max-width: calc(100% - 80px);
}
.nav-statement{
	padding: 20px 10px;
}
#gcg-nav .nav-statement{
	max-width: calc(100% - 70px);
	line-height: 1.5;
}
.two-columns{
	flex-flow: column wrap;
}
#gcg-contents p, #gcg-contents li, #gcg-contents td, #gcg-contents th{
	font-size: 1.825rem;
}
#gcg-contents #about-page p, #gcg-contents #about-page li, #gcg-contents #about-page td, #gcg-contents #about-page th{
	font-size: 1.5rem;
}
#gcg-contents p strong, #gcg-contents li strong, #gcg-contents td strong, #gcg-contents th strong{
	font-size: 1.825rem;
}
#gcg-contents .page-title{
	word-break: break-word;
}
.two-columns .secondary-column{
	margin-left: 0;
}
.nav-wrapper{
	min-height: 100vh;
	height: 100%;
	display: block;
	margin: 0 auto;
}
#gcg-nav .menu-columns{
	height:100%;
	flex-flow: column wrap;
	width: calc(100% - 60px);
	
}
.bordered-section{
	padding: 2.2rem;
}
a.a-website{
	font-size: 1.25rem;
}
.artists-page-list .columns-subsection ul {
    columns: 1;
    column-gap: 0;
}
.publication-list{
	flex-direction: column;
}
.publication-list .single-publication{
	width: 100%;
}
.bk-list{
	width: 100%;
}
.bk-list li .bk-book > div:not(.bk-front), .bk-list li .bk-book .bk-front .bk-cover-back{
	display: none;
}
.bk-list li{
		width: 100%;
		
	}
.bk-list li .bk-book{
	height: 100%;
}
	.bk-list li .bk-front, .bk-list li .bk-back, .bk-list li .bk-front > div{
		width: 100%;
		position: relative;
		height: 100%;
	}
.bk-list li .bk-book > div{
	position: relative;
}
	.bk-cover img{
		width: 100%;
		height: auto;
		position: relative;
	}
	.publication-list .single-publication .publication-title{
		left: 3%;
		right: auto;
		bottom: 30%;
		width: 90%;
		text-align: center;
		font-size: 28px;
	}
.column-50{
	width: 100%;
}
.exhibition-catalog.column.column-50{
	margin-left: 0 !important;
}
#gcg-contents .page-title{
	font-size: 2.5rem;
}
}
@media screen and (max-width: 410px) {
	
	/*.bk-list li{
		width: 280px;
	}
	.bk-list li .bk-front, .bk-list li .bk-back, .bk-list li .bk-front > div{
		width: 280px;
	}
	.bk-cover img{
		width: 280px;
	}*/
	#gcg-logo {
	    position: fixed;
	    top: .75rem;
	    right: 1rem;
	    margin: 0;
	    z-index: 99;
	    cursor: pointer;
	}
	#gcg-logo .logo-wrapper .wr img {
    width: 55px;
    }
    .breadcrumb {
    		max-width: calc(100% - 40px);
	}	
}