body {
		font-family: Arial, sans-serif;
		padding: 0; margin: 0;
		background-size: cover;
		background-position: center center;
		background-attachment: fixed;
		background-repeat: no-repeat;
		color: #1a0d0c;
		background-size:  calc(1.25 * vh);
		animation: KenBurns 180s ease-in-out infinite ;
		background-color: #000000;
	}
	
body#american-fairytales {
	background-image:url(/assets/images/american-fairytales_art.jpg);
}
body#cow-house {
	background-image:url(/assets/images/cow-house_art-notitle-noborder.jpg);
}
	
nav {
	font-size: 18px;
	font-weight: normal;
	margin: 0 0 0 25px;
}
nav a {
	color: #ffffff;
	opacity: 0.5;
	transition: 0.5s all ease-in-out;
	width: 80px;
	height: 90px;
	padding: 0;
	margin: 0;
	display: inline-block;
	-webkit-animation:spin 10s linear infinite;
	-moz-animation:spin 10s linear infinite;
	animation:spin 10s linear infinite;
}
nav a:hover {
	color: #fbd136;
	opacity: 1.0;
}
@-moz-keyframes spin { 
	100% { -moz-transform: rotate(-360deg); } 
}
@-webkit-keyframes spin { 
	100% { -webkit-transform: rotate(-360deg); } 
}
@keyframes spin { 
	100% { transform:rotate(-360deg); } 
}


@-moz-keyframes KenBurns { 
	0% {background-position: center center; background-size: calc(1.25 * vh);}
	16% {background-position: bottom right; background-size: calc(1.50 * vh);}
	17% {background-position: bottom right; background-size: calc(1.50 * vh);}
	33% {background-position: top right; background-size: calc(1.25 * vh);}
	34% {background-position: top right; background-size: calc(1.25 * vh);}
	50% {background-position: center center; background-size: calc(1.50 * vh);}
	51% {background-position: center center; background-size: calc(1.50 * vh);}
	67% {background-position: bottom left; background-size: calc(1.25 * vh);}
	68% {background-position: bottom left; background-size: calc(1.25 * vh);}  
	83% {background-position: top left; background-size: calc(1.50 * vh);}
	84% {background-position: top left; background-size: calc(1.50 * vh);}
	100% {background-position: center center; background-size: calc(1.25 * vh)}
}
@-webkit-keyframes KenBurns { 
	0% {background-position: center center; background-size: calc(1.25 * vh);}
	16% {background-position: bottom right; background-size: calc(1.50 * vh);}
	17% {background-position: bottom right; background-size: calc(1.50 * vh);}
	33% {background-position: top right; background-size: calc(1.25 * vh);}
	34% {background-position: top right; background-size: calc(1.25 * vh);}
	50% {background-position: center center; background-size: calc(1.50 * vh);}
	51% {background-position: center center; background-size: calc(1.50 * vh);}
	67% {background-position: bottom left; background-size: calc(1.25 * vh);}
	68% {background-position: bottom left; background-size: calc(1.25 * vh);}  
	83% {background-position: top left; background-size: calc(1.50 * vh);}
	84% {background-position: top left; background-size: calc(1.50 * vh);}
	100% {background-position: center center; background-size: calc(1.25 * vh)}
}
@keyframes KenBurns { 
	0% {background-position: center center; background-size: calc(1.25 * vh);}
	16% {background-position: bottom right; background-size: calc(1.50 * vh);}
	17% {background-position: bottom right; background-size: calc(1.50 * vh);}
	33% {background-position: top right; background-size: calc(1.25 * vh);}
	34% {background-position: top right; background-size: calc(1.25 * vh);}
	50% {background-position: center center; background-size: calc(1.50 * vh);}
	51% {background-position: center center; background-size: calc(1.50 * vh);}
	67% {background-position: bottom left; background-size: calc(1.25 * vh);}
	68% {background-position: bottom left; background-size: calc(1.25 * vh);}  
	83% {background-position: top left; background-size: calc(1.50 * vh);}
	84% {background-position: top left; background-size: calc(1.50 * vh);}
	100% {background-position: center center; background-size: calc(1.25 * vh)}
}

.social_media {
	position: fixed;
	left: 35px;
	top: 110px;
	margin: 0 0 0 0;
	max-width: 50px;
	height: 55px;
	display: block; 
	opacity: 0.5 !important;
	transition: 0.5s all;
}
.social_media:hover {
	opacity: 1.0 !important;
}

@font-face {font-family: 'Gilly'; src: url("/assets/fonts/gillyweeds.ttf"); font-weight: normal; font-style: normal;}
@font-face {font-family: 'Gilly'; src: url("/assets/fonts/gillyweeds.eot"); font-weight: normal; font-style: normal;}
@font-face {font-family: 'Gilly'; src: url("/assets/fonts/gillyweeds.otf"); font-weight: normal; font-style: normal;}