/* public css */
.album-view img#modalImg {
    max-width: 98% !important;
}
.nav-btn {
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
    flex-direction: row;
    height: 600px;
}
.nav-btn span.glyphicon.glyphicon-chevron-right, 
.nav-btn span.glyphicon.glyphicon-chevron-left {
    position: unset !important;
    right: unset !important;
    top: unset !important;
}
.single-artwork h3 {
    color: #292929;
    font-size: 20px;
    font-style: italic;
    font-weight: bold;
	text-align: center;
	margin-top: 10px;
}

.single-artwork h3>span, 
.single-artwork ul li {
    color: #292929;
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
	cursor: auto;
}

.single-artwork {
    width: 750px;
    margin: 0 auto 50px;
}
.single-artwork img {
    min-width: auto;
    max-height: 530px;
}
.album-view .single-artwork a:hover {
    text-decoration: none;
}
.single-artwork .portrait img {
    min-width: auto;
    height: 530px;
}

.single-artwork .portrait 
 h3 {
    text-align: center;
}
#artwork-view-display {
    margin: 0 auto;
    width: 750px;
    text-align: center;
    color: #535353;
}

#artwork-view-display ul li {
    list-style: none;
}

#artwork-view-display ul {
    padding: 0;
}

#artwork-view-display ul li  a {
    font-size: 22px;
    color: #535353;
}

#artwork-view-display h2 {
	font-weight: bold;
}

#artwork-view-display ul li a:hover {
    text-decoration: none;
}


@media (max-width: 769px) {
	
	html {
		overflow-y: hidden;
	}
	#artwork-view-display {
		min-width: 279px;
		width: 279px;
	}
	.single-artwork {
		width: 279px;
		margin: 0 auto 50px;
	}
	.single-artwork img {
		min-width: auto;
		height: auto;
	}
	.single-artwork h3 {
		font-size: 14px !important;
	}
	.single-artwork h3>span {
		font-size: 13px !important;
	}
/*
	.album-view {
		width: 279px;
		margin: 0 auto;
	}
	.album-view .hovereffect {
		width: 87px;
		height: 87px;
	}
	*/
}