body {
	color: #DDD;
	background-color: black;
}

.cta-header {
  background-color: black;
  text-align: center;
  padding: 5px;
	font-family: 'Berkshire Swash', cursive;
	font-size: 1.8em;
}

.cta-header .a {
  display: block;
}

#homepage {
	background-image:url(/images/6034-wide-reduced.jpg);
 	background-size: cover;
 	background-repeat: no-repeat;
/*  	min-width: 960px; */
}

#homepage header {
	height: 400px;
}

#logo {
	width: 30%;
	height: 400px;
	width: auto;
}

.navigation {
	width: 6.5em;
/* 	border: solid 1px white; */
	position: absolute;
	top: 30px;
	right: 2.5em;
}

.navigation .dropdown-toggle {
	font-size: 200%;
	color: white;
} 

.navigation .dropdown-toggle:hover {
	color: #DDD;
} 

.navigation .dropdown-toggle:active {
	color: inherit;
} 

#social-nav {
	width: 2em;
}

#internal-nav {
	width: 5em;
}

h1, h2 {
	color: white;
}


header h1 {
	background-color: black;
	opacity: 0.6;
	font-weight: 400;
	letter-spacing: 0.3em;
	font-family: 'Ultra', serif;
	top: 0;
	font-size: 300%;
	letter-spacing: 0.3em;

}

header h1, header h2 {
	text-align: center;
	position: absolute;
	width: 100%;
	z-index: 100;
}

header h2 {
	font-size: 9em;
}

header.social h2 {
	color: #ff63de;
	top: 0.75em;
	margin: 0;
	padding: 0;
	font-family: 'Berkshire Swash', cursive;
	letter-spacing: 0.2em;
	text-shadow: 5px 5px 5px #000;
}

header.vip h2 {
	color: black;
/*			 bottom: 0.5em; */
	top: 1em;
	margin: 0;
	padding: 0;
	font-family: 'Cinzel','Times New Roman', serif;
	letter-spacing: 0.2em;
	text-shadow: 2px 2px 10px #5a30ff;
}

header.kids h2 {
	color: lightgreen;
	top: 0.75em;
	margin: 0;
	padding: 0;
	font-family: 'Berkshire Swash', cursive;
	letter-spacing: 0.2em;
	text-shadow: 5px 5px 5px #000;
}


header.faq h2 {
	font-family: 'Libre Baskerville', serif;
	color: lightblue;
	text-shadow: 0 5px 20px black, 0 -5px 20px black;
	top: 1em;
}

.mainCol a {
	height: 427px;
	width: 303px;
	display: block;
	background-size: contain;
	position: relative;
	box-shadow: 0px 0px 25px #C371C4;
/*   border: solid 1px #CC3333; */
}

.mainCol-left a {
	background-image: url(/images/Girls-bw.jpg);
}

.mainCol-left a:hover {
	box-shadow: 0px 0px 50px blue;
	background-image: url(/images/Girls.jpg);
}

.mainCol-middle a {
	background-image: url(/images/Camera-bw.jpg);
}

.mainCol-middle a:hover {
	box-shadow: 0px 0px 50px blue;
	background-image: url(/images/Camera.jpg);
}

.mainCol-right a {
	background-image: url(/images/dino-bw.jpg);
}

.mainCol-right a:hover {
	box-shadow: 0px 0px 50px blue;
	background-image: url(/images/dino.jpg);
}

.mainCols h2 {
	position: absolute;
	background-color: white;
	color: black;
	padding: 0.25em 1em;
	opacity: 0.6;
}
h2.lower-right {
	right: 0;
	bottom: 1em;
}

h2.vertical-upper-right {
	right: 0em;
	top: 0.7em;
	transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
}

h2.upper-right {
	top: 0.3em;
	right: 0em;
}
h3 {
	color: yellow;
}

h4, h5 {
	color: white;
}

.mainCols:hover .mainCol {
	/*font-size: smaller;*/
}
.mainCol label {
	transform: rotate(12deg);
	-ms-transform: rotate(12deg);
	-webkit-transform: rotate(12deg);
	font-size: larger;
	position: absolute;
	right: 0;
	top: -1em;
}
.centered {
	text-align: center;
}
.centered ul {
	margin-left: auto;
	margin-right: auto;
}
.left-aligned {
	text-align: left;
}
.right-aligned {
	text-align: right;
}
ul.left-aligned {
	margin-left: 2em;
	margin-right: -2em;
}
form select {
	width: auto;
	font-size: large;
}
form select option {
	font-size: larger;
}

.button {
	letter-spacing: 0.3em;
}

.logo {
	background-image:url(/images/logo-black.jpg);
	/*background-position: 63% top;*/
	background-size: 100%;
	height:170px;
}


.button.large {
	padding-right: 1em;
	padding-left: 1em;
}

.infobox {
	border: solid 1px #FFF;
	padding: 0.5em 1em;
	margin-top: 1em;
	margin-bottom: 1em;
}

blockquote {
	border: none;
}

blockquote cite {
	color: inherit;
}

footer {
  margin-top: 1em;
	background-color: black;
	padding: 0.5em;
}

.calendar {
	font-family: 'Ultra', serif;
  background-color: #46abc9;
}

.calendar tr:nth-of-type(even) {
  background-color: #a0cedc;
}

@media only screen and (max-width: 700px) {

  header h1 {
  	font-size: 1em;
  }

  header h2 {
  	font-size: 3em;
  }

}