header {margin-top: 100px;}
#hero-image {
	background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../APC001_05657_2606_1955.jpg") no-repeat center center; /*this image here will be the background image for the landing page updated 2.27.17 KAA */
	background-size: cover;
	height: 87vh; }
#hero:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: linear-gradient(to bottom right, #002f4b, #dc4225);
    opacity: .8; 
}
.center {
	text-align: center;
}
.exhibit-homepage a {
	color: white;
	/*opacity: .8; removed 3/1/17 due to image of activism page KAA*/
	font-size: 2.3em;  
	text-shadow: 6px 6px 20px #000000;
}
.exhibit-homepage a:hover {opacity: .8;}
.exhibit-homepage {
	margin-top: 10%;
}
#button-row {
	margin-bottom: 2%;
}
.homepage-button-link {
	font-size: 1.1em;
    padding: 15px 50px;
    background: #003F72;
    color: #FFF !important;
	text-decoration: none;
	text-transform: uppercase;  
}
.homepage-button-link:hover {
    background: #356094;
    text-decoration: none;
	font-weight: 800;
}
/*added below code to break up space between enter buttons KAA 3/1/17 */
a.homepage-button-link:nth-child(2) {
	margin-left: 50px;
}
/*added below code to add space between exhibit title, buttons and seal KAA 3/1/17 */
.twelve.columns{
	margin-top: 8em;
}
#description-row {
	margin-top: 2%;
	background-color: rgba(0, 0, 0, 0.5);
	max-height: 400px;
	padding: 25px;
	float: right;
	opacity: 0;
	-webkit-transition: opacity 3.5s, transform 3.5s;
    transition: opacity 3.5s, transform 3.5s;
 	-webkit-transform: translateX(-50px);
    transform: translateX(-50px);
}

#seal {
	margin-top: 2%;
	background: white;
	opacity: .6;
	height: 115px;
	border: 2px solid white;
	/* Safari 3-4, iOS 1-3.2, Android 1.6- */
  -webkit-border-radius: 50%; 
  /* Firefox 1-3.6 */
  -moz-border-radius: 50%;  
  /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
  border-radius: 50%; 
}
#seal:hover {
	opacity: .8;
}
#item-page { width: 100%; }
#description-row p {
	font-family: 'Roboto';
	color: white;
	font-size: 1.4em;
	line-height: 2em;
	text-shadow: 4px 4px 15px #000000;
}
@media only screen and (max-width: 767px) {
	#description-row {width: 100%;}
}
@media only screen and (max-width: 959px) {
	.exhibit-homepage a {opacity: 1; font-size: 1em;}
	#description-row p {font-size: 1.1em; margin: 0;}
	#description-row {padding: 13px;}
	#button-row {margin-top: 40px;}
	#seal {margin-top: 30px}
}