div#readMeContainer {
	width:100%;
	height:50px;
}
div.buttonDiv {
	border-radius:10px;
	background-color:#ADAD85;
	color:#ffffff;
	height:30px;
	float:right;
	margin-right:20px;
	padding:10px;
	text-align:center;
	font-size:20px;
	font-family: 'Signika', sans-serif;
	cursor:pointer;
}
@font-face {
    font-family: "Glyphicons Halflings";
    src: url("/fonts/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"), url("/fonts/glyphicons-halflings-regular.woff") format("woff"), url("/fonts/glyphicons-halflings-regular.ttf") format("truetype"), url("/fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular") format("svg");
}
.glyphicon {
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    position: relative;
    top: 1px;
}
.glyphicon-chevron-up:before {
    content: "";
}
div#closeContainer {
	height:20px;
	width:100%;
}
div#closeAccordion {
	float:right;
	cursor:pointer;
}
div#historyContainer {
	width:900px;
	margin-left:auto;
	margin-right:auto;
}
div#imageContainer {
	width:900px;
	margin-left: auto;
	margin-right: auto;
}
div#historyImage {
	background:url('/images/history/korean_history.jpg') center center no-repeat;
    background-size: auto 100%;
    height:308px;
    display:block;
}

@media screen and (max-width:900px) {
	div#imageContainer {
		width:auto;
	}
	div#historyContainer {
		width:100%;
	}
}
@media screen and (max-width:500px) {
	div#historyImage {
		background:url('/images/history/korean_historyMobile01.jpg') center center no-repeat;
		height:219px;
	}
}
@media screen and (max-width:360px) {
	div#historyImage {
		background:url('/images/history/korean_historyMobile02.jpg') center center no-repeat;
		height:184px;
	}
}

div.heading {
	margin-top:15px;
	padding-top:10px;
	height:40px;
	width:100%;
	color:#ffffff;
	background-color:#fd8a17;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	font-size:20px;
	font-family: 'Signika', sans-serif;
	text-align:center;
}