body
{
	margin:5px;
	padding:5px;
	font-family:Open Sans;
	overflow:auto;
	border-color:#ffffff;
	border-style:solid;
	border-width:5px 0px 0px 0px;
	font-size:20px;
	align-content: center;
}
.responsive {
  width: 100%;
  max-width: 400px;
  height: auto;
}
#footer{
	background-color:#c59048;
	color:white;
	position:fixed;
	bottom:0px;
	left:0px;
	right:0px;
	height:10px;
}

#pager{
	margin-bottom:60px;
}

.page {
	margin-left: 5px;
	margin-right:5px;
	width:93%;
	word-wrap: break-word;	
}

#outer{
	margin-left:50px;
	margin-right:50px;
	border-color:#7d1619;
	border-style:solid;
	border-width:0px 5px 0px 5px;
	height:100%;
}

#siteLogo{
	color:#b68e4d;
	margin-bottom:50px;
	margin-left:auto;
	margin-right:auto;
	font-size:40px;
	text-align:center;
}

#content{
	text-align:center;
	margin:0px;
	padding:0px;
	
}

#resultat{
	text-align:center;
}

input{
	display:block;
	font-size:22px;
    font-family: "Open Sans";
	width:70%;
	margin-left:auto;
	margin-right:auto;
	margin-top:1em;
	marbin-bottom:1em;
}

h1{
	text-align:center;
	font-size:30px;
}

h2{
	text-align:center;
	font-size:22px;
}

h3{
	margin-top:2em;
}

h4{
	text-align:center;
}


button,
.startButton,
.questionButton{
	display:block;
	width:150px;
	height:55px;
	line-height:1.1em; 
	align-content: space-around; 
	margin-left:auto;
	margin-right:auto;
	margin-top:1em;
	margin-bottom:1em;
	border:0px;
	background-color:#b68e4d;
	color:white;
	font-size: 50px;
	text-align:center;
	text-decoration:none;
	border-radius:10px;
}

button:hover,
.startButton:hover,
.questionButton:hover{
	background-color:#b68e4d;
	color:white;
}