body {
  background-color: #cccc99;
}

/* 
.shake:hover {
  animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  perspective: 1000px;
}

@keyframes shake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0);
  }
  
  20%, 80% {
    transform: translate3d(2px, 0, 0);
  }

  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0);
  }

  40%, 60% {
    transform: translate3d(4px, 0, 0);
  }
}
 */

h1 {
  font-family: "Herculanum", fantasy, "Trebuchet MS", sans-serif;
  font-size: 40px;
  text-align: center;
  text-transform: uppercase;
  padding-bottom: 40px;
}

h2 {
  font-family: "Apple Chancery", cursive;
  text-decoration: underline;
  /* margin-left: 4em; */
  font-size: 32px;
  text-align: center;
}

.images {
			text-align: center;
			padding-top: 0em;
		}	
		
img {
	height: 300px;
	width: 300px;
}	
 
 .left {
 	float: left;
 	padding-left: 20em;
 	padding-top: 2em;
 	padding-bottom: 2em;
}

 .center {
 	margin-left:auto;
 	margin-right:auto
}

 .right {
 	float: right;
 	padding-right: 20em;
 	padding-top: 2em;
 	padding-bottom: 2em;
}

#inkscape {
	padding-top: 60%
}

.header {
	height: 175px;
	width: 875px;
	margin-left: auto;
	margin-right: auto;
}






/* --------------------------------------------
  <1200px wide
-------------------------------------------- */

/*@media (max-width: 1200px) {
	img {
		height: 200px;
		width: 200px;
	}
	
	.header {
		height: 125px;
		width: 625px;
	}
}*/


/* --------------------------------------------
  iPad Landscape
-------------------------------------------- */

/*@media (max-device-width: 1024px) and (orientation: landscape) {
	img {
		height: 200px;
		width: 200px;
	}
	
	.header {
		height: 125px;
		width: 625px;
	}
}*/

/* --------------------------------------------
  iPad Portrait
-------------------------------------------- */

/*@media (max-width: 768px) {
	img {
		height: 200px;
		width: 200px;
	}
	
	.header {
		height: 125px;
		width: 625px;
	}
}*/

/* --------------------------------------------
  Smartphones
-------------------------------------------- */

/*@media (max-width: 600px) {

	img {
		height: 100px;
		width: 100px;
	}
	
	.header {
		height: 50px;
		width: 250px;
	}

}*/
