.color-db2e54{
	color:#db2e54;
}
.color-f6921e{
	color:#f6921e;
}
.color-2582e8{
	color:#2582e8;
}

* {
	margin:0;
	padding:0;
}

body{
	font-family:'Roboto', sans-serif;
	background-color:#fff;
	height:100%;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family:'Roboto', sans-serif;
    font-weight:100;
    line-height:1.1;
    color:#000;
	padding:0;
	margin:0;
}

a, a:active, a:focus{
	color:#000;
	text-decoration:none;
	outline:none;
}

aside {
		position:relative;
		top:unset;
		left:unset;
		width:100%;
		height:375px;
		display:block;
		clear:both;
		background-color:#000;
	}
aside #logo{
	z-index:15;
	position:absolute;
	top:1vw;
	left:2vw;
}
aside #logo img{
	width:50vw;
	max-width:220px;
}
aside #menu-toggle{
	z-index:15;
	position:absolute;
	top:1vw;
	right:1vw;
	background-color:transparent;
	color:#fff;
	font-size:14px;
	font-weight:100;
	border:none;
	padding:0;
	margin:0;
}
aside #menu-toggle:focus,
aside #menu-toggle:hover{
	border:none;
	outline:none;
}

aside #menu {
	z-index:10;
	position:absolute;
	top:0;
	left:0;
	display:block;
	clear:both;
	width:100%;
	height:0;
	background-color:#000;
	overflow:hidden;
	text-align:center;
	-webkit-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	transition:all 0.5s ease;
}
aside #menu.open {
	height:100%;
+}
aside #menu ul{
	list-style:none;
	position:absolute;
	top:50%;
	left:50%;
	-webkit-transform: translate3d(-50%, -50%, 0);
	-ms-transform: translate3d(-50%, -50%, 0);
	transform: translate3d(-50%, -50%, 0);
}
aside #menu ul li a{
	display:inline-block;
	padding:1vh 2vw;
	font-weight:300;
	color:#fff;
	text-transform:uppercase;
}
aside #menu ul li a:hover {
	text-decoration:none;
	color:#7b7b7b;
}

section {
	position:relative;
	top:unset;
	right:unset;
	width:100%;
	overflow:auto;
	display:block;
	clear:both;
}

article{
	margin-bottom:30px;
}

@media (min-width:10px) {
	html,
	body {
		height:auto;
	}
	aside #menu ul li a{
		font-size:16px;
	}	
	
}
@media (min-width:768px) {
	html,
	body {
		height:auto;
	}
	aside #menu ul li a{
		font-size:18px;
	}	
	
}
@media (min-width:992px) {
	html,
	body {
		height:100%;
	}	
	aside {
		position:fixed;
		top:0;
		left:0;
		width:50%;
		height:100%;
	}
	aside #menu ul li a{
		font-size:22px;
	}
	section {
		position:absolute;
		top:0;
		right:0;
		width:50%;
	}
}
@media (min-width:1200px) {
	aside #menu ul li a{
		font-size:26px;
	}
}

#artist{
	position:absolute;
	display:block;
	clear:both;
	width:100%;
	height:100%;
}
#artist #artist-bg{
	z-index:1;
	position:absolute;
	top:0;
	left:0;
	display:block;
	clear:both;
	width:100%;
	height:100%;
	background-position:top center;
	background-repeat:no-repeat;
	background-size:cover;
}

@media (min-width:768px) {

}
@media (min-width:992px) {
	#artist #artist-name{
		display:none;
	}
}
@media (min-width:1200px) {

}

/**/

.artist-sep{
	height:35px;
}

#artist-header {
	z-index:1000;
	position:fixed;
	display:block;
	top:0;
	right:0;
	width:50%;
	height:140px;
	padding:20px;
	background-color:#fff;
}
#artist-header a{
	font-size:14px;
}

#artist-contents {
	position:relative;
}
#artist-contents article{
	margin:0;
}
#artist-contents article h4{
	font-size:15px;
	font-weight:300;
	margin-bottom:10px;
}
#artist-contents article a{
	font-size:14px;
	text-decoration:underline;
}
#artist-contents article a:hover{
	color:#666;
}
#artist-contents article a.collapse-button{
	display:block;
	font-size:16px;
}
#artist-contents article a.collapse-button:hover{
	text-decoration:none;
}
#artist-contents article .paragraph{
	margin-bottom:30px;
}
#artist-contents article .paragraph img{
	display:inline;
	float:left;
	margin:0 10px 10px 0;
}
#artist-contents article .col{
	margin:10px 0;
}

#artist-contents .group .object .pdf{
	display:block;
	margin:20px 0 20px 5px;
	color:#000;
	text-decoration:none;
}
#artist-contents .group .object .pdf:hover{
	color:#666;
}
#artist-contents .group .object .artist-tab {
	margin-top:20px;
}
#artist-contents .group .object .artist-tab .tab-pane {
	padding:10px;
	font-size:18px;
}

	
@media (min-width:10px) {
	#artist-header {
		position:relative;
		display:block;
		width:100%;
		height:auto;
		padding:25px 25px 10px 25px;
	}
	#artist-header h1{
		font-size:7.5vw;
	}
	#artist-header a{
		font-size:3.5vw;
	}

	#artist-contents {
		padding:0px 25px 25px 25px;
	}
	#artist-contents h2{
		font-size:25px;
		margin-bottom:10px;
	}
	#artist-contents article h4{
		font-size:18px;
		margin-bottom:10px;
	}
	#artist-contents article .paragraph{
		font-size:16px;
		padding:0;
	}
	#artist-contents article .paragraph img{
		display:block;
		float:none;
	}
	#artist-contents .group .object img {
		width:250px;
	}
	#artist-contents .group .object .artist-tab .nav-tabs li a{
		font-size:9px;
	}
}
@media (min-width:500px) {
	#artist-header {
		padding:25px 25px 10px 25px;
	}
	#artist-header h1{
		font-size:6vw;
	}
	#artist-header a{
		font-size:2.5vw;
	}

	#artist-contents {
		padding:0px 25px 25px 25px;
	}
	#artist-contents h2{
		font-size:28px;
		margin-bottom:10px;
	}
	#artist-contents article h4{
		font-size:20px;
		margin-bottom:10px;
	}
	#artist-contents article .paragraph{
		font-size:18px;
		padding:0;
	}
	#artist-contents article .paragraph img{
	display:inline;
	float:left;
}
	#artist-contents .group .object .artist-tab .nav-tabs li a{
		font-size:12px;
	}

}
@media (min-width:768px) {
	#artist-header h1{
		font-size:60px;
	}
	#artist-header a{
		font-size:14px;
	}
}
@media (min-width:992px) {
	#artist-header {
		position:fixed;
		display:block;
		top:0;
		right:0;
		width:50%;
		padding:20px 50px 20px 50px;
	}
	#artist-header h1{
		font-size:3.5vw;
	}
	#artist-contents {
		padding:80px 50px 20px 50px;
	}

	#artist-contents h2{
		font-size:30px;
		margin-bottom:10px;
	}
	#artist-contents article h4{
		font-size:23px;
		margin-bottom:10px;
	}
	#artist-contents article .paragraph{
		font-size:20px;
		padding:0;
	}

}
@media (min-width:1200px) {
	#artist-header h1{
		font-size:50px;
	}
	#artist-contents {
		padding:100px 50px 20px 50px;
	}
}