html, body {padding: 0; margin: 0; cursor: url("img/cursor.cur"), auto;}
body {
  background-color: #66ccff;
  height: 100%;  
}
#master {
  position: relative;
  margin-left: 15%;
  height: 95%;
  cursor: inherit;
  /* text-align: center; */
}
#master img {
  width: 50%;
  padding-top: 3%;
  cursor: inherit;
  animation-name: stretch;
  animation-duration: 1.5s; 
  animation-timing-function: ease-in-out; 
  animation-delay: 0s;
  animation-direction: normal;
  animation-iteration-count: 1;
  animation-fill-mode: both;
  animation-play-state: running; 
}
@keyframes stretch {
  0% {transform: scale(1.0);}
  20% {transform: scale(0.9);}
  40% {transform: scale(1.1);}
  60% {transform: scale(0.95);}
  80% {transform: scale(1.02);}
  100% {transform: scale(1.0);}
}
#master img:hover {
  animation: shake 0.5s;
  animation-iteration-count: infinite;
  cursor: inherit;
}

@keyframes shake {
  0% { transform: translate(1px, 1px) rotate(0deg); }
  10% { transform: translate(-1px, -2px) rotate(-1deg); }
  20% { transform: translate(-3px, 0px) rotate(1deg); }
  30% { transform: translate(3px, 2px) rotate(0deg); }
  40% { transform: translate(1px, -1px) rotate(1deg); }
  50% { transform: translate(-1px, 2px) rotate(-1deg); }
  60% { transform: translate(-3px, 1px) rotate(0deg); }
  70% { transform: translate(3px, 1px) rotate(-1deg); }
  80% { transform: translate(-1px, -1px) rotate(1deg); }
  90% { transform: translate(1px, 2px) rotate(0deg); }
  100% { transform: translate(1px, -2px) rotate(-1deg); }
}
/************** MENU ***********************************************/
#menu {
	position: fixed;
	right: 0px; top: 0px;
	height: 100%; width: 318px;
	z-index: 9;
	cursor: inherit;
}
#menu a.book {
	position: relative;
	display: inline-block;
	height: 200px;
	margin-top: 5px;
	padding-left: 280px;
	transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	cursor: inherit;

}
#menu a.book:hover {
	padding-left: 0px;
	cursor: inherit;
}
#menu a.youtube {
	height: 38px;
	display: inline-block;
	margin-left: 280px;
	padding-top: 5px;
	cursor: inherit;
}
#menu a img {
	height: inherit; width: inherit;
	border-radius: 6px 0px 0px 6px;
}
/************** FOOTER *********************************************/
#footer {
	position: fixed;
	bottom: -5px; left: 0px;
	width: 100%;
	cursor: inherit;
	z-index: 8;
}
#footer img {
  width: 100%;
  animation-name: up;
  animation-duration: 1.5s; 
  animation-timing-function: ease-in-out; 
  animation-delay: 0s;
  animation-direction: normal;
  animation-iteration-count: 1;
  animation-fill-mode: both;
  animation-play-state: running; 
}
@keyframes up {
	from { transform : translateY(10em); opacity: 0; }
    to   { transform : translateY(0em); opacity: 1; }
}
}

h1 {
	font: normal 24pt Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
}

/* Mobile Devices */
@media only screen and (max-width: 760px) {
	body {background-size: 150% 100% !important;}
	#master img {width: 75%; padding-top: 15%;}
	h1 {font-size: 40px;}
	.mobile_only {display: inline-block; visibility: visible;}
	.icon3 {width: 48px; height: 48px;}
}