.af-lbl {
	display: none;
}
.af-lbl-small {
	display: none;
}
.artwork-container {
	display: inline-block;
	width: auto;
}
#artwork-filter .dropdown-lbl {
	background-color: #fff;
	text-align: center;
}
.desc-container {
	position: relative;
	background-color: white;
	color: black;
	font-size: .9rem;
	padding: .4em;
	text-align: center;
}
.desc-container p {
	margin: .2em 0;
}
.desc-data {
	font-size: .8em;
}
.desc-data .shape {
	color: #666666;
	font-size: 1rem;
	text-shadow: -1px 1px 0px #aaaaaa;
	font-weight: bold;
}
.desc-status {
	text-transform: lowercase;
}
.desc-status-special {
	color: red;
	font-weight: bold;
	text-transform: uppercase;
}
.fs {
	position: absolute;
	right: .5rem;
	top: calc(50% - 1.125rem);
}
.fs:hover {
	fill: #f00;
}
.img-container {
	position: relative;
}
.img-solo {
	border: 2px solid white;
	display: block;
	max-height: calc(100vh - 11rem);
	min-width: 100%;
	max-width: 100%;
}
.prev-btn, .next-btn {
	display: none;
	font-size: 3rem;
	height: 100%;
	padding: 0 2%;
	position: absolute;
	top: 0;
	vertical-align: middle;
	width: 50%;
}
.prev-btn span, .next-btn span {
	color: rgba(255, 255, 255, 0.7);
	position: relative;
	top: calc(50% - 1.5rem);
}
.next-btn {
	right: 0;
	text-align: right;
}
.prev-btn {
	left: 0;
}

/*
=================================================
BREAKPOINT 1
=================================================
*/
@media all and (min-device-width: 600px) {
	.af-lbl {
		display: none;
	}
	.af-lbl-small {
		display: none;
	}
	#artwork-filter {
		float: left;
	}
	html {
		background:  url("../images/background-home-bw.jpg") no-repeat center top fixed;
		background-size: cover;
	}
	#menu-inner {
		float: left;
	}
}

@media (pointer:fine) {
	.prev-btn, .next-btn {
		display: block;
	}
	.prev-btn span, .next-btn span {
		color: rgba(255, 255, 255, 0);
		transition:color .4s ease;
	}
	.prev-btn:hover span, .next-btn:hover span {
		color: rgba(255, 255, 255, 0.7);
	}	
}