/* ===== START Center Website =====*/
html {
	display: table;
	margin: auto;
}
body {
	background-color:#000000;
	display: table-cell;
}
/* ===== END Center Website =====*/

/* ===== START Workshop Slideshows =====*/

.flex-container {
	/*display: flex;*/
	/*flex-wrap: nowrap;*/
}

.btn-container {
	white-space: nowrap;
}

a.previous, a.next, a.map {
	text-decoration: none;
	display: inline-block;
	/*padding: 8px 16px;*/
	font-family: "arcitects-daugher", "Roboto", "arial";
	font-size: 25px;
	/* font-size: 35px; */
	text-align: center;
	line-height: 60px;
	/* line-height: 80px; */
	padding: 0px;

}

a.previous:hover, a.next:hover, a.map:hover {
	background-color: #7a7a7a;
	color: black;
}

a.previous {
	background-color: #b3b3b3;
	color: black;
	height: 60px;
	/* height: 80px; */
	/*width: 45vh;*/
	width: 586px;
	/* width: 908px; */
}

a.next {
	background-color: #b3b3b3;
	color: black;
	height: 60px;
	/* height: 80px; */
	/*width: 45vh;*/
	width: 586px;
	/* width: 908px; */
}

a.map {
	background-color: #b3b3b3;
	color: black;
	height: 60px;
	/* height: 80px; */
	/*width: 45vh;*/
	width: 98px;
}

/* ===== END Workshop Slideshows =====*/

.fill-bar {
	display: inline-block;
	font-size: 35px;
	line-height: 60px;
	/* line-height: 80px; */
	padding: 0px;
	background-color: #b3b3b3;
	color: black;
	height: 60px;
	/* height: 80px; */
	width: 1818px;
	color: #b3b3b3;
}

.full-width-btn {
	display: inline-block;
	font-size: 35px;
	line-height: 60px;
	padding: 10px;
	background-color: #b3b3b3;
	color: black;
	height: 60px;
	font-family: "arcitects-daugher", "Roboto", "arial";
	text-decoration:none;
	width: 1260px;
	text-align: center;
}

.top-margin {
	margin-top: 50%;
}

/* This should be refactored out */
.person-panel img {
    width: 1280px;
}


.standard-btn {
	display: inline-block;
	font-size: 35px;
	line-height: 60px;
	padding: 10px;
	background-color: #b3b3b3;
	color: black;
	height: 60px;
	font-family: "arcitects-daugher", "Roboto", "arial";
	text-decoration:none;
	margin-left: calc(50% - 75px);
}