@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed:300italic,400italic,700italic,400,700,300);
/*@import url(http://fonts.googleapis.com/css?family=Special+Elite);*/

body {
	margin: 0;
	padding: 0;
	background-color: #222;
	color: #eee;
	font-size: 2vw;
	line-height: 1.7;
	font-family: 'Roboto Condensed', sans-serif;
}

/* @group text styles */

.lightOnDark {
	color: #eee;
}
.darkOnLight {
	color: #222;
}
a {
	color: #a4a4a4;
	text-decoration: none;
}
a:hover {
	color: #fff;
}
#homeTitle h1 {
	font-size: 10vw;
	text-transform: uppercase;
	text-shadow: none;
}
#homeTitle h2 {
	font-size: 3vw;
	font-weight: normal;
	font-style: italic;
}
#homeTitle > .content {
	/*pointer-events: none;*/
	text-align: center;
	/*background: rgba(0,0,0, .4);*/
	/*padding-top: 1em;*/
	/*padding-bottom: 2em;*/
	line-height: 1.2;
}
#homeTitle p.source {
	margin-top: -1em;
	margin-bottom: 2em;
}


.slide > .content.lower {
	/*center it horizontally only*/
	position: absolute;
	left: 50%;
	transform: translate(-50%, 0%);
	-webkit-transform: translate(-50%, 0%);
	-moz-transform: translate(-50%, 0%);
	-ms-transform: translate(-50%, 0%);
	/*position in the lower part of the screen*/
	top: initial;
	bottom: 0%;
	padding-top: 4vw;
	padding-bottom: 4em;
}
.slide > .content.top {
	position: relative;
	top: 1em;
	bottom: initial;
	padding-top: 6vw;
	padding-bottom: .1em;
}
.center {
	text-align: center;
}
.dark {
	background-color: rgba(0,0,0, .5);
}
.darker {
	background-color: rgba(0,0,0, .8);
}
.shadow {
	text-shadow: 1px 2px 3px rgba(0,0,0,.8);
}

h1 {
	margin: 0;
	font-size: 8vw;
	/*display: inline-block;*/
	/*font-weight: lighter;*/
	text-align: center;
	/*text-shadow: 0px 2px 2px rgba(0,0,0, .4);*/
	line-height: 1;
	text-transform: uppercase;
}
h2 {
	font-size: 4vw;
	margin: 1em 0;
	text-align: center;
	/*text-shadow: 0px 1px 1px rgba(0,0,0, .7);*/
	line-height: 1.2;
}
h3, h4 {
	font-size: 3vw;
	margin: 1em;
	/*margin-bottom: .3em;*/
	text-align: center;
	text-shadow: 0px 2px 3px rgba(0,0,0, .7);
	line-height: 1.2;
	font-weight: normal;
}
h3.vetName {
	position: absolute;
	bottom: .5em;
	/*left: 1em;*/
	width: 100%;
	text-align: center;
	margin: 0 auto;
	font-weight: bold;
	font-size: 1.5em;
	text-transform: uppercase;
}
h4 {
	text-align: left;
}
h5 {
	font-size: 1.3em;
	margin: 1em 0 0;
}
p.source {
	font-size: .8em;
	text-align: right;
}
p.leftTwoThirds {
	margin-right: 30%;
}
blockquote {
	line-height: 1.2;
	font-size: 1.3em;
	text-shadow: .05em .07em .1em rgba(0,0,0, .8);
	margin: 0 2em;
	/*font-weight: lighter;*/
	font-style: italic;
	text-align: center;
}
blockquote::before {
	content: '“';
}
blockquote::after {
	content: '”';
}
.left {
	text-align: left;
}
ul.center {
	text-align: center;
	list-style: none;
	padding: 0;
}
ul.medium {
	font-size: 1.2em;
}

div.poem {
	font-size: 1.2em;
	font-family: Georgia, Times New Roman, serif;
}

span.date {
	display: block;
	position: absolute;
	font-size: 2em;
	font-weight: bold;
/*	background-color: rgba(0,0,0,.9);
	padding: 0 .5em;
	right: 0;*/
	width: 100%;
	text-align: center;
	bottom: 0;
	background-color: rgba(0,0,0,.3);
}

h3.partOfPart {
	font-weight: bold;
	margin: 0;
	text-align: left;
}
/* @end */

/* @group columns */
div.row {
	text-align: center;
	width: 100%;
}
div.col {
	display: inline-block;
	/*padding: 1%;*/
	/*border: 1px solid #ccc;*/
	/*background-color: rgba(0,0,0, .5);*/
}
div.of3 {
	width: 28%;
	margin: 2%;
}

/* @end */

/* @group global navigation */

#nav {
	position: fixed;
	bottom: .2em;
	right: 1em;
}
#nav a {
	text-decoration: none;
	color: #fff;
	display: inline-block;
	font-size: 1.5em;
	opacity: .5;
	line-height: 0;
	margin: 10px 6px;
	text-shadow: 0 1px 3px #000;
	/*background-color: rgba(0,0,0,.9);*/
	/*border-radius: 5px;*/

	/*transitions*/
	-webkit-transition: opacity .2s ease-in-out;
	-moz-transition   : opacity .2s ease-in-out;
	-o-transition     : opacity .2s ease-in-out;
	transition        : opacity .2s ease-in-out;
}
#nav a:hover{
	opacity: 1;
}

#nav a.home {
	/*top: 0;*/
	position: fixed;
	bottom: .1em;
	left: .5em;
	/*font-size: 1em;*/
	padding-top: .1em;
	vertical-align: top;
}

.navButton {
	display: inline-block;
	padding: .4em .7em;
	font-weight: bold;
	font-size: .8em;
	background-color: rgba(0,0,0, 0.9);
	border: 2px solid;
	margin: 1em;
	line-height: 1;
	text-transform: uppercase;
}
.watchVideo {
	display: block;
	text-align: center;
	font-size: 6em;
	color: #fff;
	opacity: .5;
	padding: 0;
	margin: 0;
	line-height: 1;
	text-shadow: 1px 3px 5px #000;
}
.watchVideo:hover {
	color: #fff;
	opacity: .7;
}
/*.watchVideo::before {
	content: "Watch Video ";
	font-size: .7em;
	line-height: 1.4;
	vertical-align: text-top;
	margin-right: .3em;
}*/
/* @end */

.slide {
	position: absolute;
	width: 100%;
	height: 100%;
	/*force hardware acceleration in Safari by enabling 3d transforms; helps font rendering consistency*/
	-webkit-transform: translate3d(0, 0, 0);
}
.slide > .content {
	width: 80%;
	padding: 0 10%;
	/*center it horizontally and vertically*/
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate3d(-50%, -50%, 0);
	-webkit-transform: translate3d(-50%, -50%, 0);
	-moz-transform: translate3d(-50%, -50%, 0);
	-ms-transform: translate3d(-50%, -50%, 0);
	max-height: 100%;
	/*center it horizontally (not vertically)*/
/*	position: absolute;
	left: 50%;
	top: 0%;
	transform: translate(-50%, 0%);
	-webkit-transform: translate(-50%, 0%);
	-moz-transform: translate(-50%, 0%);
	-ms-transform: translate(-50%, 0%);
	padding-top: 2em;
*/}
.slide > .content.scroll {
	/*reset content from default centering*/
	left: initial;
	top: initial;
	transform: initial;
	-webkit-transform: initial;
	-moz-transform: initial;
	-ms-transform: initial;
	/*add scrollbars*/
	overflow: auto;
	/*full page*/
	width: 100%;
	padding: 0;
}
/*content within the scroll area*/
.slide > .content.scroll > .scrollable {
	padding: 10% 20%;
	width: 60%;
}
/* @group transitions */

.slide {
	display: none;
}
.slide, .slide > .content {
	opacity: 0;
	-webkit-transition: opacity .2s ease-in-out;
	-moz-transition   : opacity .2s ease-in-out;
	-o-transition     : opacity .2s ease-in-out;
	transition        : opacity .2s ease-in-out;
}
/*longer fade for new sections*/
.slide:first-of-type, .slide:first-of-type > .content {
	opacity: 0;
	-webkit-transition: opacity 2.0s ease-in-out;
	-moz-transition   : opacity 2.0s ease-in-out;
	-o-transition     : opacity 2.0s ease-in-out;
	transition        : opacity 2.0s ease-in-out;
}
/*longer fades*/
.slow {
	opacity: 0;
	-webkit-transition: opacity 4.0s ease-in-out;
	-moz-transition   : opacity 4.0s ease-in-out;
	-o-transition     : opacity 4.0s ease-in-out;
	transition        : opacity 4.0s ease-in-out;
}

.slide.current, .slide.current > .content {
	display: block;
	opacity: 1;
}
.slide.next, .slide > .content.next {
	display: block;
}
.slide.prev, .slide > .content.prev {
	display: block;
}
/*wait a bit before transition*/
.current .wait {
	-webkit-transition-delay: 1s;
	transition-delay: 1s;
}
.prev .wait {
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
}
.current .wait3 {
	-webkit-transition-delay: 3s;
	transition-delay: 3s;
	transition-duration: 3s;
}
.prev .wait3 {
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
	transition-duration: 1.5s;
}

/*slideGroup Transitions*/
.slideGroup {
	opacity: 0;
	-webkit-transition: opacity 1.5s ease-in-out;
	-moz-transition   : opacity 1.5s ease-in-out;
	-o-transition     : opacity 1.5s ease-in-out;
	transition        : opacity 1.5s ease-in-out;
}
.slideGroup.current {
	opacity: 1;
}

/* @end */

/* @group slide groups */

.slideGroup {
	position: fixed;
	width: 100%;
	height: 100%;
	pointer-events: none;
}
.slideGroup.current {
	display: block;
}
.groupContent {
	position: fixed;
	width: 100%;
	height: 100%;
}

/* @end */


/* @group pointer events */

.slide {
	pointer-events: none;	
}
.slide.current {
	pointer-events: all;
}

/* @end */

/* @group background images and videos */

div.content.current audio {
	width: 100%;
	position: relative;
	margin: 0;
	bottom: inherit;
}
audio {
	position: absolute;
	bottom: .5em;
	width: 40%;
	margin: 1% 30%;
}
.slideGroup.current audio {
	pointer-events: all;
}
video.bg {
	display: block;
	position: fixed;
	height: 100%;
	width: 100%;
	/*z-index: -100;*/
	/*-webkit-transition: 1s ease-in-out;*/
}
video.noCrop {
	display: block;
	position: fixed;
	width: 100%;
	height: auto;
	max-height: 85%;
	
	/*center it vertically*/
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-53%);
	-ms-transform: translateY(-53%);
	transform: translateY(-53%);
}

/* @group reset fullscreen video css */

/*don't show the full screen button, but only works in webkit*/
/*video::-webkit-media-controls-fullscreen-button {
    display: none;
}*/
video:fullscreen {
	max-height: inherit;
	-webkit-transform: translateY(0%);
	-ms-transform: translateY(0%);
	transform: translateY(0%);
	position:fixed;
	top:0; 
	right:0; 
	bottom:0; 
	left:0;
	margin:0;
	box-sizing:border-box;
	width:100%;
	height:100%;
	object-fit:contain;
}
video:-webkit-full-screen {
	max-height: inherit;
	-webkit-transform: translateY(0%);
	-ms-transform: translateY(0%);
	transform: translateY(0%);
	position:fixed;
	top:0; 
	right:0; 
	bottom:0; 
	left:0;
	margin:0;
	box-sizing:border-box;
	width:100%;
	height:100%;
	object-fit:contain;
}
video:-moz-full-screen {
	max-height: inherit;
	-webkit-transform: translateY(0%);
	-ms-transform: translateY(0%);
	transform: translateY(0%);
	position:fixed;
	top:0; 
	right:0; 
	bottom:0; 
	left:0;
	margin:0;
	box-sizing:border-box;
	width:100%;
	height:100%;
	object-fit:contain;
}
video:-ms-fullscreen {
	max-height: inherit;
	-webkit-transform: translateY(0%);
	-ms-transform: translateY(0%);
	transform: translateY(0%);
	position:fixed;
	top:0; 
	right:0; 
	bottom:0; 
	left:0;
	margin:0;
	box-sizing:border-box;
	width:100%;
	height:100%;
	object-fit:contain;
}
/* @end */


img.bg {
	width: 100%;
	height: 100%;
	position: fixed;
	
	background-image: url('../media/blank.gif');
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
}
img.fit {
	max-width: 90%;
	max-height: 80%;
	padding: 0% 2% 4% 2%;
	
	background-image: url('../media/blank.gif');
	background-size: contain;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;

	/*center it horizontally and vertically*/
	position: absolute;
	left: 50%;
	top: 50%;
	bottom: initial;
	transform: translate3d(-50%, -50%, 0);
	-webkit-transform: translate3d(-50%, -50%, 0);
	-moz-transform: translate3d(-50%, -50%, 0);
	-ms-transform: translate3d(-50%, -50%, 0);
}
/* @group nd filters */

div.nd {
	position: fixed;
	height: 100%;
	width: 100%;
}
div.nd1 {
	background-color: rgba(0,0,0,.1);
}
div.nd2 {
	background-color: rgba(0,0,0,.2);
}
div.nd3 {
	background-color: rgba(0,0,0,.3);
}
div.nd4 {
	background-color: rgba(0,0,0,.4);
}
div.nd5 {
	background-color: rgba(0,0,0,.5);
}
div.nd6 {
	background-color: rgba(0,0,0,.6);
}
div.nd7 {
	background-color: rgba(0,0,0,.7);
}
div.nd8 {
	background-color: rgba(0,0,0,.8);
}
div.nd9 {
	background-color: rgba(0,0,0,.9);
}
div.ndv1 {
	background-image: -webkit-radial-gradient(ellipse farthest-corner, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.5) 100%);
	background-image: -moz-radial-gradient(ellipse farthest-corner, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.5) 100%);
	background-image: -ms-radial-gradient(ellipse farthest-corner, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.5) 100%);
	background-image: radial-gradient(ellipse farthest-corner, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.5) 100%);
}
div.ndv2 {
	background-image: -webkit-radial-gradient(ellipse farthest-corner, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.6) 100%);
	background-image: -moz-radial-gradient(ellipse farthest-corner, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.6) 100%);
	background-image: -ms-radial-gradient(ellipse farthest-corner, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.6) 100%);
	background-image: radial-gradient(ellipse farthest-corner, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.6) 100%);
}
div.ndv3 {
	background-image: -webkit-radial-gradient(ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%);
	background-image: -moz-radial-gradient(ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%);
	background-image: -ms-radial-gradient(ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%);
	background-image: radial-gradient(ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%);
}
div.ndv4 {
	background-image: -webkit-radial-gradient(ellipse farthest-corner, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.8) 100%);
	background-image: -moz-radial-gradient(ellipse farthest-corner, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.8) 100%);
	background-image: -ms-radial-gradient(ellipse farthest-corner, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.8) 100%);
	background-image: radial-gradient(ellipse farthest-corner, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.8) 100%);
}
div.ndv5 {
	background-image: -webkit-radial-gradient(ellipse farthest-corner, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.9) 100%);
	background-image: -moz-radial-gradient(ellipse farthest-corner, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.9) 100%);
	background-image: -ms-radial-gradient(ellipse farthest-corner, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.9) 100%);
	background-image: radial-gradient(ellipse farthest-corner, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.9) 100%);
}
div.ndv6 {
	background-image: -webkit-radial-gradient(ellipse farthest-corner, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 1) 100%);
	background-image: -moz-radial-gradient(ellipse farthest-corner, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 1) 100%);
	background-image: -ms-radial-gradient(ellipse farthest-corner, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 1) 100%);
	background-image: radial-gradient(ellipse farthest-corner, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 1) 100%);
}
div.ndv7 {
	background-image: -webkit-radial-gradient(ellipse farthest-corner, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 1) 100%);
	background-image: -moz-radial-gradient(ellipse farthest-corner, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 1) 100%);
	background-image: -ms-radial-gradient(ellipse farthest-corner, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 1) 100%);
	background-image: radial-gradient(ellipse farthest-corner, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 1) 100%);
}
div.ndv8 {
	background-image: -webkit-radial-gradient(ellipse farthest-corner, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 1) 100%);
	background-image: -moz-radial-gradient(ellipse farthest-corner, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 1) 100%);
	background-image: -ms-radial-gradient(ellipse farthest-corner, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 1) 100%);
	background-image: radial-gradient(ellipse farthest-corner, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 1) 100%);
}
div.ndv9 {
	background-image: -webkit-radial-gradient(ellipse farthest-corner, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 1) 100%);
	background-image: -moz-radial-gradient(ellipse farthest-corner, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 1) 100%);
	background-image: -ms-radial-gradient(ellipse farthest-corner, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 1) 100%);
	background-image: radial-gradient(ellipse farthest-corner, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 1) 100%);
}
div.light1 {
	background-image: -webkit-radial-gradient(ellipse farthest-corner, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
	background-image: -moz-radial-gradient(ellipse farthest-corner, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
	background-image: -ms-radial-gradient(ellipse farthest-corner, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
	background-image: radial-gradient(ellipse farthest-corner, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
}
div.ndg1 {
	background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.5) 90%);
	background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.5) 90%);
	background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.5) 90%);
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.5) 90%);
}
div.ndg2 {
	background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0.6) 80%);
	background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0.6) 80%);
	background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0.6) 80%);
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0.6) 80%);
}
div.ndg3 {
	background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 90%);
	background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 90%);
	background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 90%);
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 90%);
}
div.ndg4 {
	background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 80%);
	background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 80%);
	background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 80%);
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 80%);
}
div.ndg5 {
	background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 70%);
	background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 70%);
	background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 70%);
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 70%);
}
div.ndg6 {
	background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0.8) 50%);
	background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0.8) 50%);
	background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0.8) 50%);
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0.8) 50%);
}
div.ndg7 {
	background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0.8) 40%);
	background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0.8) 40%);
	background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0.8) 40%);
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0.8) 40%);
}
div.ndgPoem {
	background-image: -webkit-linear-gradient(top, rgb(33, 33, 33) 1.7%, rgba(33, 33, 33, 0) 27.3%, rgb(33, 33, 33) 95.5%);
	background-image: -moz-linear-gradient(top, rgb(33, 33, 33) 1.7%, rgba(33, 33, 33, 0) 27.3%, rgb(33, 33, 33) 95.5%);
	background-image: -ms-linear-gradient(top, rgb(33, 33, 33) 1.7%, rgba(33, 33, 33, 0) 27.3%, rgb(33, 33, 33) 95.5%);
	background-image: linear-gradient(to bottom, rgb(33, 33, 33) 1.7%, rgba(33, 33, 33, 0) 27.3%, rgb(33, 33, 33) 95.5%);
	pointer-events: none;
}

/* @end */

/* @end */


/* @group #homeGrid */

.grid {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
}
.grid .box {
	display: block;
	float: left;
	width: 25%;
	height: 33.3%;
	margin: 0;
	padding: 0;
	position: relative;
	background-color: #000;
}
.grid .box .bgbox {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	background-size: cover;
	background-repeat: no-repeat;
    background-position: 50% 50%;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition   : all .5s ease-in-out;
	-o-transition     : all .5s ease-in-out;
	transition        : all .5s ease-in-out;
	opacity: .3;
/*	-webkit-filter:	grayscale(50%);
	-moz-filter:	grayscale(50%);
	-o-filter:		grayscale(50%);
	-ms-filter:		grayscale(50%);
	filter:			grayscale(50%);*/
	-webkit-filter:	blur(1px);
	-moz-filter:	blur(1px);
	-o-filter:		blur(1px);
	-ms-filter:		blur(1px);
	filter:			blur(1px);
}
.grid .box.notReady .bgbox {
	opacity: .1;
	pointer-events: none;
}
.grid .box.notReady span {
	opacity: .2;
}
/*.grid #Sounds .bgbox {
	background-position: 20% 15%;
}
.grid #Languages .bgbox {
	background-position: 20% 15%;
}
.grid #Indigenous_Politics .bgbox {
	background-position: 0% 15%;
}*/
.grid .box .bgbox:hover {
	opacity: 1;
	-webkit-filter:	grayscale(0);
	-moz-filter:	grayscale(0);
	-o-filter:		grayscale(0);
	-ms-filter:		grayscale(0);
	filter:			grayscale(0);
	-webkit-filter: blur(0);
	-moz-filter: blur(0);
	-o-filter: blur(0);
	-ms-filter: blur(0);
	filter: blur(0);
}
.grid .box span {
	display: block;
	position: absolute;
	width: 90%;
	bottom: 0;
	padding: 10px 5%;
	text-align: center;
	/*background: rgba(0,0,0, .3);*/
	color: #fff;
	text-decoration: none;
	pointer-events: none;
	font-size: 2vw;
	/*opacity: .8;*/
	text-transform: uppercase;
	font-weight: bold;
	text-shadow: 0 2px 1px rgba(0,0,0, .7);
	line-height: 1.2;/*center it horizontally and vertically*/
	position: absolute;
	left: 50%;
	top: 50%;
	bottom: initial;
	transform: translate3d(-50%, -50%, 0);
	-webkit-transform: translate3d(-50%, -50%, 0);
	-moz-transform: translate3d(-50%, -50%, 0);
	-ms-transform: translate3d(-50%, -50%, 0);
	max-height: 100%;
}
.grid .box span small {
	text-transform: none;
}
/* @end */


#homeIntro p {
	/*font-size: 1.3em;*/
}


div.credits {
	text-align: center;
	line-height: 1.3;
	border-top: 1px solid #fff;
	margin-top: 3em;
}
div.credits h5 {
	text-transform: uppercase;
	margin: 2em 0 .3em;
}
/* @group responsive design */
@media (min-width: 1200px) {
}
@media (min-width: 992px) {
}
/*reduce the max-width*/
@media (max-width: 767px) {
	body {
		font-size: 16px;
	}
	.grid .box span {
		font-size: 1em;
	}
	h3, blockquote {
		font-size: 1.3em;
	}
}
@media screen and (max-width: 480px) {
	.slide > .content {
		/*make it wider*/
		width: 90%;
		padding-right: 5%;
		padding-left: 5%;
		/* only center it horizontally; remove vertical centering */
/*		position: absolute;
		left: 50%;
		top: 0%;
		transform: translate(-50%, 0%);
		-webkit-transform: translate(-50%, 0%);
		margin-top: 1em;*/
	}
}
/* @end */