/* meant for 1000x333 header images */
.marquee-container {
    position:relative;
    display:block;
    width:100%;
    height:100%;
}

.marquee-img {
	width:100%;
}

/* meant for text in mid-right of marquee img */
.marquee-lr {
    z-index:100;
    position:absolute;
    color:white;
    left:70%;
    top:35%;
}

.marquee-headline {
  font-size:60px;
}


/*hacky to make collapsed navbar same height as expanded one*/
.navbar-header button {
  padding: 6px 10px;
}


#exhibits {
	margin: 0 auto;
}


/*For the exhibit pages*/
.exhibit-r {
	margin: 5px;
	float:right;
}


.exhibit-c {
	margin: 5px;
	text-align: center;
	width = 100%;
}

.exhibit-l {
	margin: 5px;
	text-align: left;
}

.exhibit-text {
	word-wrap: break-word;
}

/*thumbnails grid - images should be 180 wide*/
.thumbnail {
	display: inline-block;
	margin: 5px;
	width: 180px;
}

.thumbnail-round-180 {
  border-radius:50%;
  width:180px;
  height:180px;
}

.img-center {
	display: block;
	margin-left: auto;
	margin-right: auto;
}


.grid-container {
	background-color: #4f6572;
	padding-top: 15px;
}

.grid-container p {
	text-align: center;
	color: white;
}

.country-text {
	line-height: 1.5;
	margin-top: 20px;
	margin-bottom: 20px;
}

#grid-content a {
	text-decoration: none;
	color: inherit;
}

.headline {
  font-size:50px;
}

.text-red {
	color: #FF0000;
}

.navbar-header .navbar-brand {
	float: left;
	padding: 10px 15px;
	line-height: 1.42857143;
	height: 50px;
	color: #428bca;
}

/*These two make the navbar menu button orange :)*/
.navbar .navbar-toggle {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #eea236;
}

.navbar .navbar-toggle:hover,
.navbar .navbar-toggle:focus,
.navbar .navbar-toggle:active{
  color: #fff;
  background-color: #ed9c28;
  border-color: #d58512;
}