#hero .info h1 {
  color:#e6a5c7;
  text-transform:uppercase;
  position:relative;
  text-shadow: 2px 2px 1px black;
}
#hero .info h2 {
	color:#fff;
  text-transform:lowercase;
  text-shadow: 2px 2px 1px black;
}
#hero .info p {
	color:#fff;
  text-shadow: 2px 2px 1px black;
}

@media screen and (min-width:720px) {
	#hero .info h1 {
      font-size:5rem;
	}
  #hero .info h2 {
    font-size:3.5rem;
  }
  #hero .info p {
    font-size:2.5rem;
  }
}