body::-webkit-scrollbar {
    display: none;
}
body{
	background-color: #f2f2f2;	
	color:#4d4d4d;
	margin:0;
}

#btn {
	position: fixed;
	top: 0;
	right: 40px;
	cursor: pointer;
}

p,
h1,
h2,
h3,
h4{
	width: 550px;
	margin: auto;
}

h1{
	/* font-family: 'Playfair Display', serif; */
	font-size: 2.8em;
	line-height: 1.3;
	text-align: center;
	padding-bottom: 1em;
	padding-top: 1em;
	color: #333333;
}

h2{
	/* font-family: 'Playfair Display', serif; */
	/* font-style: italic; */
	font-weight: 400;
	font-size: 1.4em;
	padding-bottom: 0.5em;
	padding-top: 1em;
}

#encoding{
	padding-top: 0em;

}

h3{
	/* font-family: 'Playfair Display', serif; */
	/* font-style: italic; */
	font-weight: 700;
	font-size: 1.6em;
	padding-bottom: 1em;
	padding-top: 2em;
}

p{
	/* font-family: 'Fauna One', serif; */
	font-size: 0.9em;
	/*font-size: 0.7em;*/
	line-height: 1.8;
}

#arcDiagram{
	width: 600px;
	margin: auto;
	padding-top:0;
	padding-bottom: 1em;
	font-family: 'Abel', sans-serif;

}

body .img{
	width: 550px;
	margin: auto;
	padding: 1em;
}

.img_figure,.img1,.img2{
	padding:0px;
	margin:0px;
	position:relative;
}

.img_figure{
	padding-top: 4em;
	padding-bottom: 4em;
	max-width: 1400px;
	margin: auto;
	display: block;
	clear: both;
}

.img2{
	top:20px;
	left:0;
	z-index:10;
	position: absolute;
	opacity: 0;
	}

.line{
	width: 550px;
	height: 3em;
	border-bottom: 0.5px solid #808080;
	/*position: absolute;*/
	margin: auto;
}

#references{
	font-family: 'Abel', sans-serif;
	font-size: 0.7em;
	color: #808080;
	padding-bottom: 13em;
}

h4{
	font-family: 'Abel', sans-serif;
	font-size: 1em;
	padding-top: 1em;
	padding-bottom: 0.5em;
}

a:link {
  color: #808080;
}

a:visited {
  color: #808080;
}

a:hover {
  color: #bb8a35;
}

a:active {
  color: #808080;
}

#bg{
	/*max-width: 1440px;*/
}
#bg{
	background-image:url(./img/bg.jpg);
	/*background-size:cover;*/
  	/*background-position:center center;*/
  	background-attachment:fixed;
  	/*background-repeat: no-repeat;*/
  	background-position: 0px 400px;

  	height: 400px;
  	background-size: 100%;
}

#img_top{
	padding:0;
	padding-top: 5px;
}

.line_top{
		height: 0.1em;

}

#legend{
	padding-bottom: 0;
	padding-top: 2em;
}

#pku a{
	font-family: 'Playfair Display', serif;
	font-style: italic;

}

#contentline{
	width: 550px;
	height: 4em;
	border-bottom: 0.3px solid #808080;
	margin-bottom: 0em;
}

/*#einstein_title{
	padding-top: 2em;
}*/

@font-face { font-family: 'Playfair Display'; font-style: normal; font-weight: 400; src: url('./fonts/playfair-display-v13-latin-regular.eot'); src: local('Playfair Display Regular'), local('PlayfairDisplay-Regular'), url('./fonts/playfair-display-v13-latin-regular.eot?#iefix') format('embedded-opentype'), url('./fonts/playfair-display-v13-latin-regular.woff2') format('woff2'), url('./fonts/playfair-display-v13-latin-regular.woff') format('woff'), url('./fonts/playfair-display-v13-latin-regular.ttf') format('truetype'), url('./fonts/playfair-display-v13-latin-regular.svg#PlayfairDisplay') format('svg'); }
@font-face { font-family: 'Playfair Display'; font-style: normal; font-weight: 700; src: url('./fonts/playfair-display-v13-latin-700.eot'); src: local('Playfair Display Bold'), local('PlayfairDisplay-Bold'), url('./fonts/playfair-display-v13-latin-700.eot?#iefix') format('embedded-opentype'), url('./fonts/playfair-display-v13-latin-700.woff2') format('woff2'), url('./fonts/playfair-display-v13-latin-700.woff') format('woff'), url('./fonts/playfair-display-v13-latin-700.ttf') format('truetype'), url('./fonts/playfair-display-v13-latin-700.svg#PlayfairDisplay') format('svg'); }
@font-face { font-family: 'Playfair Display'; font-style: italic; font-weight: 700; src: url('./fonts/playfair-display-v13-latin-700italic.eot'); src: local('Playfair Display Bold Italic'), local('PlayfairDisplay-BoldItalic'), url('./fonts/playfair-display-v13-latin-700italic.eot?#iefix') format('embedded-opentype'), url('./fonts/playfair-display-v13-latin-700italic.woff2') format('woff2'), url('./fonts/playfair-display-v13-latin-700italic.woff') format('woff'), url('./fonts/playfair-display-v13-latin-700italic.ttf') format('truetype'), url('./fonts/playfair-display-v13-latin-700italic.svg#PlayfairDisplay') format('svg'); }


@font-face { font-family: 'Abel'; font-style: normal; font-weight: 400; src: url('./fonts/abel-v8-latin-regular.eot'); src: local('Abel Regular'), local('Abel-Regular'), url('./fonts/abel-v8-latin-regular.eot?#iefix') format('embedded-opentype'), url('./fonts/abel-v8-latin-regular.woff2') format('woff2'), url('./fonts/abel-v8-latin-regular.woff') format('woff'), url('./fonts/abel-v8-latin-regular.ttf') format('truetype'), url('./fonts/abel-v8-latin-regular.svg#Abel') format('svg'); }

@font-face { font-family: 'Fauna One'; font-style: normal; font-weight: 400; src: url('./fonts/fauna-one-v6-latin-regular.eot'); src: local('Fauna One'), local('FaunaOne-Regular'), url('./fonts/fauna-one-v6-latin-regular.eot?#iefix') format('embedded-opentype'), url('./fonts/fauna-one-v6-latin-regular.woff2') format('woff2'), url('./fonts/fauna-one-v6-latin-regular.woff') format('woff'), url('./fonts/fauna-one-v6-latin-regular.ttf') format('truetype'), url('./fonts/fauna-one-v6-latin-regular.svg#FaunaOne') format('svg'); }