html,body{
	width:100%;
	height:100%;
	padding:0;
	margin:0;
	background:#fdf5e8;
	color:#3c3c3c;
	font-family: 'Open Sans', sans-serif;
	line-height:1.4;
}
*{
	box-sizing:border-box;
}
#root{
	width:100%;
	height:100%;
}
#bg{
	position:absolute;
	width:100%;
	height:50%;
	background-image:url('../images/bg.jpg');
	background-position:top;
	background-repeat:no-repeat;
	background-size:100%;
}
#logo{
	position:absolute;
	z-index:2;
	text-align:center;
	top:calc(50% - 85px);
	width:100%;
}
#footer{
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	padding:20px;
	background-color:#808080;
	text-align:center;
}
#footer a{
	color:#373737;
	font-family: 'Open Sans', sans-serif;
	font-weight:700;
	font-size:14pt;
	margin:0 10px;
}
a {
	text-decoration:none;
	color:#aaaaaa;
	transition:0.2s;
}
a:hover {
	color:#ffffff;
}

.main{
	position:absolute;
	top:calc(50% + 120px);
	width:100%;
	text-align:center;
}
h1{
	font-family:'LibreBaskerville';
	font-size:28pt;
	font-weight:700;
	margin:0;
	padding:0;
}
h1,h2,h3,h4,h5{
	font-family:'LibreBaskerville';
}

.maintext{
	width:100%;
	max-width:1000px;
	margin:0 auto;
	text-align:left;
	font-size:17px;
}

@media(max-width:1000px){
	#logo{
		top:30%;
	}
	#logo img{
		width:100%;
		max-width:410px;
		height:auto;
	}
	.main{
		top:calc(30% + 200px);
	}
	h1{
		font-size:20px;
	}
}

@font-face {
  font-family: 'LibreBaskerville';
  font-weight:400;
  font-style:regular;
  src: url('../fonts/LibreBaskerville-Regular.ttf')  format('truetype');
}
@font-face {
  font-family: 'LibreBaskerville';
  font-weight:700;
  font-style:regular;
  src: url('../fonts/LibreBaskerville-Bold.ttf')  format('truetype');
}
@font-face {
  font-family: 'LibreBaskerville';
  font-weight:400;
  font-style:italic;
  src: url('../fonts/LibreBaskerville-Italic.ttf')  format('truetype');
}