/* CSS Document */

.whiteText {
	color: #fff;
}
.blackShadow {
	text-shadow: 2px 2px 6px #000000;
}
.fenceBkg {
	background-image: url("../images/texas-radical-faeries-background.jpg") !important;
	background-size: contain;
}
.maydayBkg {
	background-image: url("../images/The_Mayday_Kiss.jpg") !important;
	background-repeat: no-repeat;
	background-size: cover;
}
.donateBkg {
	background-image: url("../images/donate-to-radical-faeries-drk.jpg") !important;
}
.treeBkg {
	background-image: url("../images/treeBkg.jpg") !important;
	background-size: cover;
}
.aboutCard {
	width: 24rem;
}
.aboutGaffCard {
	width: 560px;
}
.featureCard {
	width: 36rem;
	margin-bottom: 1rem;
}
.bigCard {
	width: 72rem;
	margin-bottom: 1rem;
}

.blackCard {
	background-color: #000000;
	margin-bottom: 1rem;
}

.fbVideoCard {
	width: 560px;
	background-color: #000000;
	margin-bottom: 1rem;
}
.donateCard {
	width: 12rem;
	margin-bottom: 1rem;
}
.tito-release {
	font-size: .75rem!important;
}
@media only screen and (min-width: 1960px) {
  html {
	  font-size: 1.5rem !important;
	}
	h1 {
	font-size: 5.5rem !important;
	}
	.card {
	/*	padding-bottom: 28rem;*/
		margin-left: 1.5rem;
		margin-right: 1.5rem;
	}
}
@media only screen and (min-width: 1600px) and (max-width: 1959px) {
  html {
	  font-size: 1.25rem !important;
	}
	h1 {
	font-size: 4.75rem !important;
	}
	.card {
	/*	padding-bottom: 28rem;*/
		margin-left: 1.25rem;
		margin-right: 1.25rem;
	}
}
@media only screen and (min-width: 1260px) and (max-width: 1599px) {
  html {
	  font-size: 1rem !important;
	}
	h1 {
	font-size: 4rem !important;
	}
	.card {
	/*	padding-bottom: 28rem;*/
		margin-left: 1rem;
		margin-right: 1rem;
	}
}
	
@media only screen and (max-width: 1259px) and (min-width: 918px) {
  html {
	  font-size: .75rem !important;
	}
	h1 {
	font-size: 3.25rem !important;
	}
	.card {
	/*	padding-bottom: 28rem;*/
		margin-left: .75rem;
		margin-right: .75rem;
	}
}
@media only screen and (max-width: 917px) and (orientation: landscape) {
  html {
	  font-size: .5rem !important;
	}
	h1 {
	font-size: 3rem !important;
	}
	.card {
	/*	padding-bottom: 28rem;*/
		margin-left: .5rem;
		margin-right: .5rem;
	}
}
@media only screen and (max-width: 917px) and (orientation: portrait) {
  html {
	  font-size: 1.25rem !important;
	}
	h1 {
	font-size: 2.75rem !important;
	}
	h2 {
	font-size: 1.5rem !important;
	}
	
	.card {
	/*	padding-bottom: 28rem;*/
		margin-left: auto;
		margin-right: auto;
	}
}