h1 {
  font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif;
  font-size: 2.5vw;
  text-align: center;
  padding: 10px 10px;
  text-transform: uppercase;
  margin: 0px;
}
h1.elegantshadow {
  color: #3399ff;
  color: gold;
  font-size: 3.15vw;
  background-color: #e7e5e4;
  letter-spacing: .15em;
  text-shadow: .03vw -.03vw 0 #767676, -.03vw .07vw .03vw #737272, -.06vw .13vw .03vw #767474, -.1vw .19vw .03vw #787777, -.13vw .26vw .03vw #7b7a7a, -.16vw .33vw .03vw #7f7d7d, -.2vw .39vw .03vw #828181, -.23vw .46vw .03vw #868585, -.26vw .52vw .03vw #8b8a89, -.29vw .59vw .03vw #8f8e8d, -.33vw .65vw .03vw #949392, -.36vw .72vw .03vw #999897, -.39vw .78vw .03vw #9e9c9c, -.42vw .85vw .03vw #a3a1a1, -.46vw .91vw .03vw #a8a6a6, -.49vw .98vw .03vw #adabab, -.52vw 1.04vw .03vw #b2b1b0, -.55vw 1.11vw .03vw #b7b6b5, -.59vw 1.17vw .03vw #bcbbba, -.62vw 1.24vw .03vw #c1bfbf, -.65vw 1.30vw .03vw #c6c4c4, -.68vw 1.37vw .03vw #cbc9c8, -.72vw 1.43vw .03vw #cfcdcd, -.75vw 1.5vw .03vw #d4d2d1;
}
h1.deepshadow {
  color: #3399ff;
  font-size: 2.5vw;
  background-color: black;
  letter-spacing: .1em;
  text-shadow: 0 -.1vw 0 #fff, 0 .1vw 0 #2e2e2e, 0 .2vw 0 #2c2c2c, 0 .3vw 0 #2a2a2a, 0 .4vw 0 #282828, 0 .5vw 0 #262626, 0 .6vw 0 #242424, 0 .7vw 0 #222, 0 .8vw 0 #202020, 0 .9vw 0 #1e1e1e, 0 1.0vw 0 #1c1c1c, 0 1.1vw 0 #1a1a1a, 0 1.2vw 0 #181818, 0 1.3vw 0 #161616, 0 2.2vw 3.0vw rgba(0, 0, 0, 0.9);
  }
h1.insetshadow {
  color: #202020;
  background-color: #2d2d2d;
  letter-spacing: .1em;
  text-shadow: -1vw -1vw 1vw #111, 2vw 2vw 1vw #363636;
}
h1.retroshadow {
  color: #2c2c2c;
  background-color: #d5d5d5;
  letter-spacing: .05em;
  text-shadow: 4vw 4vw 0vw #d5d5d5, 7vw 7vw 0vw rgba(0, 0, 0, 0.2);
}
@media screen and (max-width: 800px) {
	h1.elegantshadow {
		font-size: 3vw;
	}
	h1.deepshadow {
		font-size: 3vw;
	}
	h1.insetshadow {
		font-size: 2vw;
	}
	h1.retroshadow {
		font-size: 2vw;
	}
}