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

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

.w3-content {
	max-width:980px;
	margin:auto;
	}


/* 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:5px 16px;
	vertical-align:middle;
	overflow:hidden;
	text-decoration:none;
	color:inherit;
	background-color:inherit;
	text-align:center;
	cursor:pointer;
	white-space:nowrap;
	}

.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:#A8A8A8!important;
	}   

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

.w3-display-left {
	font-size:60px; /*arrow size*/
	position:absolute;
	top:50%;left:0%;
	transform:translate(0%,-50%);
	-ms-transform:translate(-0%,-50%)
	}

.w3-display-right {
	font-size:60px;
	position:absolute;top:50%;
	right:0%;transform:translate(0%,-50%);
	-ms-transform:translate(0%,-50%)
	}

/* 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:100%;
  	margin-top:-80px;

  }
}