#features {
	background:#32424f;
	padding:2em 1em;
}

#features .column {
	width:25%;
	padding:0px 1em;
	float:left;
}

#features .column h3, #features .column p.heading {
	text-transform: uppercase;
	font-size: 1.5em;
	margin-bottom: .3em;
}

#features ul {
	list-style:none;
}

#features li {
	display:block;
	padding:10px 0px;
	border-bottom:1px solid #525c65;
}


#features li a {
	color:#FFF;
}

#features li a:hover {
	color:#DDA400;
}

#features li:last-child a {
	border-bottom:none;
}

#exhibit-list a {
	display: inline-block;
	width: 92px;
	height: 92px;
	background: #525c65;
	overflow:hidden;
	border-radius: 8px;
	margin: 0px 4px 4px 0px;
	border: 2px solid #717B84;
}

#exhibit-list a:hover {
	border: 2px solid #FFF;
}

#exhibit-list a img {
	width: 100%;
}

#exhibit-list a span {
	display:none;
}

.news-title {
	display: block;
	color:#BEC8D1;
	margin-right: 10px;
}

.news-title-extra{
	display: block;
	color:#fff;
	margin-right: 10px;
	font-weight:bold;
}

.news-date {
	border: 1px solid #BEC8D1; 
	border-radius: 4px;
	margin-top: 4px;
	padding: 2px 4px;
	display: inline-block;
	font-size: .8em;
	color:#BEC8D1;
}

#news-feed li a:hover .news-title {
	color:#FFF;
}

#news-feed li a:hover .news-title-extra{
		color:#bec8d1;
}

#exhibit-list > div, #info-pane > div {
	margin-top:20px;
}

#info-pane img {
	width:100%;
	margin-bottom: 6px;
}

#info-pane strong {
	margin: 6px 0px;
	display: block;
	color: #fff;
}

#info-pane p {
	color:#BBB9B9;
	margin-bottom:4px;
}

#info-pane p span {
	/*color: #7f8f9c;*/
	color: #BEC8D1;
	/*border: 1px solid #7f8f9c;*/
	border: 1px solid #BEC8D1;
	padding: 2px 4px;
	margin: 2px 4px;
	font-size: .8em;
	text-transform: uppercase;
	display: inline-block;
}


.footer {
	position: relative;
	background:#4a5a67;
	padding: 1.2em 0px;
	font-size: 2em;
}

.footer ul {
	list-style:none;
	padding: 0px 1em;
}

.footer li {
	border-bottom: 1px solid #334350;
}

.footer a {
	display:block;
	padding: 0.2em 0px;
	margin: .2em 0px;
	text-decoration:none;
	color:#FFF;
	text-align: center;
}

.footer a:hover {
	background:#3B4B58;
}

.footer li.web-accessibility-ogcio > a {
	/*display:inline-block; */
	background:rgba(255, 255, 255, 0.45);
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0.32em;
	padding-bottom: 0.32em;
}

.footer li.fb-follow-us > a {
	/*display:inline-block; */
	/*background:rgba(255, 255, 255, 0.45);*/
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0.62em;
	padding-bottom: 0.32em;
}

.footer li.web-accessibility-recognition-scheme > a {
	margin-top: 0;
	margin-bottom: 0;
}


#copyright {
	text-align: left;
	font-size: .5em;
	padding: 2em 2em 0px;
	/*color:#aaa9a9;*/
	color:#C6D0DA;
}

#zone-links span.letter_head{
	width: 12px; 
	display: inline-block;
}

@media only screen and (min-width: 1300px) and (max-width: 1424px) {
	#exhibit-list a {
		width: 80px;
		height: 80px;
	}

}

@media only screen and (min-width: 1200px) and (max-width: 1299px) {
	#exhibit-list a {
		width: 72px;
		height: 72px;
	}

}

@media only screen and (min-width: 1140px) and (max-width: 1199px) {
	#exhibit-list a {
		width: 64px;
		height: 64px;
	}

}

@media only screen and (min-width: 1024px) and (max-width: 1139px) {
	#exhibit-list a {
		width: 58px;
		height: 58px;
	}

}

@media only screen and (max-width: 1023px) {
	#exhibit-list {
		display:none;
	}
	#features .column {
		width:33%;	
	}

}

@media only screen and (min-width: 768px) {
	.footer {
		padding: 1.2em 1em;
		font-size: 1em;
	}
		
	.footer ul {
		list-style:none;
		padding: 0px;
		/*position: absolute;
		right: 1em;
		top: 50%; */
		/*margin-top: -19px;*/
		float: right;
	}
	
	.footer li {
		border-bottom: none;
		float: left;
		position: relative;
	}
	
	.footer li >a {
		padding: 0.4em .5em;
		position:relative;
		/*Because of height of Web Accessibility Logo*/
		height: 67px;
		vertical-align: middle;
		display: table-cell;
	}
	
	#copyright {
		font-size: .8em;
		padding: 0.5em;
		float: left;
		/*width: 50%;*/
		position:relative;
		width: 300px;
		/*Because of height of Web Accessibility Logo*/
		height: 67px;
	}
	#copyright-inner {
		position: absolute;
		bottom: 0;
	}
	
	
}


@media only screen and (max-width: 767px) {
	#zone-links {
		display:none;
	}
	#features .column {
		width:50%;	
	}
	
	#features li span.news-title {
		font-size: 1.2em;
	}

}

@media only screen and (max-width: 559px) {
	#info-pane {
		display:none;
	}
	#features .column {
		width:100%;	
	}
	
	#news-feed h3 {
		color: #3dc9b3;
		margin: 0px 2em 1.6em;
		text-align:center;
	}
	#news-feed h3:after {
		content: " ";
		border: solid 2px #3dc9b3;
		display: block;
		width: 75px;
		margin: 15px auto;
	}
	
	/*#zone-links {
		text-align: center;
	}
	#zone-links h3 {
		color: #3dc9b3;
		margin: 0px 2em 1.6em;
	}
	#zone-links h3:after {
		content: " ";
		border: solid 2px #3dc9b3;
		display: block;
		width: 75px;
		margin: 15px auto;
	}
	#zone-links li a {
		border-bottom: none;
	}
*/
}