html, body {
	margin: 0;
	padding: 0;
	background-color: #000;
	color: #FFF;
	font-size: 16px;
/*	font-family: 'Rubik', sans-serif;*/
	font-family: 'Phudu';
}

.trump {
  background-image:url('img/trump1.jpg');
  height:100vh;
  background-repeat: no-repeat;
  background-size: cover;
  text-align: center;
  vertical-align: bottom;
  background-position: center center;
  font-family: 'Phudu';
}

.quoteBox {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding-bottom: 100px;
}

.overlay {
	background: -webkit-linear-gradient(rgba(0,0,0,0.2), rgba(0,0,0,1)); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(rgba(0,0,0,0.2), rgba(0,0,0,1)); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(rgba(0,0,0,0.2), rgba(0,0,0,1)); /* For Firefox 3.6 to 15 */
	background: linear-gradient(rgba(0,0,0,0.2), rgba(0,0,0,0.5)); /* Standard syntax */
	height: 100%;
	left: 0px;
	position: absolute;
	top: 0px;
	width: 100%;	
	z-index: 2;
}

.quote {
	font-size: 4em;
	font-weight: 900;
}

.reference {
	font-size: 2.5em;
	font-weight: 400;
	padding: 0px 15px 30px 15px;
	font-family: Rubik, sans-serif;
}

.btn {
	color: #FFF;
	background-color: #ff3d3d;
	font-size: 2em;
	padding: 20px 20px 20px 20px;
	font-weight: 400;
	font-family: 'Phudu';
}

.btn:focus, .btn-success:focus {
  color: white;
}

.btn:hover {
  border: 1px solid white;
  box-shadow: inset 0 0 20px rgba(255, 255, 255, .5), 0 0 20px rgba(255, 255, 255, .2);
  outline-color: rgba(255, 255, 255, 0);
  outline-offset: 15px;
  text-shadow: 1px 1px 2px #427388; 
  color: white;
}

.ad {
	width: 500px;
	height: 90px;
	margin: 0 auto;
}

#cornerAD {
	width: 100%;
	text-align: center;
  vertical-align: bottom;
  position: absolute;
  bottom: 0;
}