.artist-slideshow {
	background-color:#000;
	padding-top:80px;
}

.w3-display-container {
	position:relative;
	padding:80px 0px 80px 0px;
}

.w3-content {
	max-width:100%;
	margin:auto;
	}

.info {
	margin-bottom:-30px;
}

/* Fading animation */
.w3-animate-fading  {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

/* image center */
.center {
	display: block;
    margin-left: auto;
    margin-right: auto;
}

.horizontal {
	width:100%;
}

/* arrow buttons */
.arrow-button {
	border:none;display:inline-block;
	padding:16px 16px;
	vertical-align:middle;
	overflow:hidden;
	text-decoration:none;
	color:inherit;
	background-color:inherit;
	text-align:center;
	cursor:pointer;
	white-space:nowrap;
	width: 15px;
  	height: 15px;
  	border-top: 4px solid #fff;
  	border-right: 4px solid #fff;
	}

.arrow-button {
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	font-size:68px;
	color:#F0F0F0!important;
	/*-webkit-text-stroke: 5px #949494;*/
	}

.w3-black,.w3-hover-black:hover {
	color:#A8A8A8!important; /*arrow color*/
	background-color:#000!important; /*background color*/
	}

.w3-display-left {
	font-size:50px; /*arrow size*/
	position:absolute;
	top:50%;
	left:0%;
	transform: rotate(-135deg);
	}

.w3-display-right {
	font-size:50px;
	position:absolute;
	top:50%;
	right:0%;
	transform: rotate(45deg);
	}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 480px) {


  .arrow-button {
  	font-size:38px;
  }

  .horizontal {
	width:100%;
	height: auto;
	padding-top:25%;
  	padding-bottom:75%;
  	position:fixed;
  }

  .center {
  	height:auto;
  	width:110%;
  	margin-left:-15px;
  }

  .info {
  	padding-top:15px;
  	line-height:25px;
  	font-size:13pt;
  	margin-bottom:-40px;
  }
  
}