.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  margin-bottom:4%;
  box-shadow: 0 2px 3px rgba(0,0,0,0.15);
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  border:10px solid #ffd7e4; /* light pink */
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }
  
  .hero li h2 {
	position:absolute;
	left:5%;
	bottom:7.5%;
	width:40%;
	margin:0;
	font-weight:300;
	font-size:5em;
	color:#a31d83; /* purple */
  }

.intro {
	float:left;
	width:55%;
	margin-top:3em;
}

	.intro h1 {
		color:#a31d83; /* purple */
		font-size:4em;
		margin-bottom:0.6em;
	}
	
	.intro p {
		letter-spacing: 0.025em;
	}
	
	.artbtn {
		float:right;
		display:inline-block;
		clear:left;
		color:#fff;
		background-image:url('../img/artbrush2x.png');
		background-size: 100% 100%;
		text-decoration: none;
		font-size:3em;
		padding:1em 2em 1.5em 2em;
		margin-top:1em;
	}

.right {
	float:right;
	width:45%;
}

	.right img {
		width:100%;
		padding-left:15%;
	}

@media screen and (max-width:999px) {
	.hero li h2 {
		font-size:5.3vw;
	}
	
	.rslides li {
		border:5px solid #ffd7e4; /* light pink */
	}
	
	.intro,
	.right{
		width:100%;
		text-align: center;
	}
	
	.artbtn {
		float:none;
		margin:1em auto;
	}
	
	.intro h1 {
		font-size:3em;
	}
	
	.intro p {
		letter-spacing: 0;
	}
}

@media screen and (max-width:499px) {
	.artbtn {
		font-size:2em;
	}
}