#container {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-left: -300px;
	margin-top: -280px;
} 

#header {
	margin-left: 26px;
}

#buttons {
	position: relative;
	float: left;
	margin-top: 15px;
	margin-left: 90px;
}

#what {
	float: left;
	border-right: 1px solid gray;
	border-bottom: 1px solid gray;
}

#why {
	float: left;
	border-bottom: 1px solid gray;
}


#who {
	float: left;
	border-right: 1px solid gray;
}

#footer {
	margin-top: 420px;
	margin-left: 25px;
}

#survey {
	position: relative;
	float: left;
	margin-left: -1px;
}

#answers {
	float: left;
	margin-top: 20px;
	margin-left: 130px;
}

#surveypage {
	width: 780px;
	position: fixed;
	top: 50%;
	left: 50%;
	margin-left: -390px;
	margin-top: -120px;
}

#question {
	margin-left: 115px;
}

#tab_container {
	margin-left: auto;
	margin-right: auto;
	width: 840px;
}

.button {
	float: left;
	display: block;
	padding: 20px;
	margin: 10px;
	width: 200px;
	background-color: #400D12;  
	font-family: "FjallaOne-Regular";
	font-weight: 100;
	text-align: center;
	border-radius: 5px;
	color: white;
	text-decoration: none;
	-o-border-radius: 2px;
	-moz-border-radius: 2px; 
	-webkit-border-radius: 8px; 
	cursor: pointer;
}

.button:hover {
	background-color: #4c4747;
}

p.info {
	font-family: 'EB Garamond', serif;
	width: 830px;
}

p.coldwar {
	font-family: 'EB Garamond', serif;
	width: 900px;
	margin-top: 20px;
}

p.ethnic {
	font-family: 'EB Garamond', serif;
	width: 430px;
	margin-left: 10px;
	text-align: left;
	float: right;
}

#gender {
	display: block;
}

#labor {
	clear: both;
	display: block;
}

#religion {
	clear: both;
	display: block;
}


p.gender {
	font-family: 'EB Garamond', serif;
	width: 430px;
	margin-right: 10px;
	text-align: right;
	float: left;
	margin-top: 35px;
}

p.religion {
	font-family: 'EB Garamond', serif;
	width: 430px;
	margin-right: 10px;
	text-align: right;
	float: left;
	font-weight: normal;
	margin-top: 35px;
}

p.labor {
	font-family: 'EB Garamond', serif;
	width: 430px;
	margin-left: 10px;
	text-align: left;
	float: right;
	margin-top: 35px;
}

#resultsocial img {
	border: 2px black;
}

p.important {
	font-family: 'Open Sans', serif;
	font-weight: 700;
	width: 800px;
	margin-top: 0px;
	margin-bottom: 10px;
}

#prerev{
    cursor: pointer;
    display: inline-block;
	padding: 20px;
	margin: 10px;
	width: 200px;
	background-color: #400D12;  
	font-family: "FjallaOne-Regular";
	font-weight: 100;
	text-align: center;
	border-radius: 5px;
	color: white;
	text-decoration: none;
	-o-border-radius: 2px;
	-moz-border-radius: 2px; 
	-webkit-border-radius: 8px; 
	cursor: pointer;
}

#revolutionary{
    cursor: pointer;
    display: inline-block;
	padding: 20px;
	margin: 10px;
	width: 200px;
	background-color: #4c4747;  
	font-family: "FjallaOne-Regular";
	font-weight: 100;
	text-align: center;
	border-radius: 5px;
	color: white;
	text-decoration: none;
	-o-border-radius: 2px;
	-moz-border-radius: 2px; 
	-webkit-border-radius: 8px; 
	cursor: pointer;
}

#sel3{
    cursor: pointer;
    display: inline-block;
	padding: 20px;
	margin: 10px;
	width: 200px;
	background-color: #400D12;  
	font-family: "FjallaOne-Regular";
	font-weight: 100;
	text-align: center;
	border-radius: 5px;
	color: white;
	text-decoration: none;
	-o-border-radius: 2px;
	-moz-border-radius: 2px; 
	-webkit-border-radius: 8px; 
	cursor: pointer;
}

#resultprerev{
    display:none;
    position:relative;
}

#resultrevolutionary{
    display:block;
    position:relative;
}

#resultsel3{
    display:none;
    position:relative;
}

#ethnicgroups {
    cursor: pointer;
    display: inline-block;
	padding: 20px;
	margin: 10px;
	width: 200px;
	background-color: #400D12;  
	font-family: "FjallaOne-Regular";
	font-weight: 100;
	text-align: center;
	border-radius: 5px;
	color: white;
	text-decoration: none;
	-o-border-radius: 2px;
	-moz-border-radius: 2px; 
	-webkit-border-radius: 8px; 
	cursor: pointer;
}

#revolutionarygroups {
    cursor: pointer;
    display: inline-block;
	padding: 20px;
	margin: 10px;
	width: 200px;
	background-color: #4c4747;  
	font-family: "FjallaOne-Regular";
	font-weight: 100;
	text-align: center;
	border-radius: 5px;
	color: white;
	text-decoration: none;
	-o-border-radius: 2px;
	-moz-border-radius: 2px; 
	-webkit-border-radius: 8px; 
	cursor: pointer;
}

#social {
    cursor: pointer;
    display: inline-block;
	padding: 20px;
	margin: 10px;
	width: 200px;
	background-color: #400D12;  
	font-family: "FjallaOne-Regular";
	font-weight: 100;
	text-align: center;
	border-radius: 5px;
	color: white;
	text-decoration: none;
	-o-border-radius: 2px;
	-moz-border-radius: 2px; 
	-webkit-border-radius: 8px; 
	cursor: pointer;
}

#resultethnicgroups {
    display:none;
    position:relative;
}

#resultrevolutionarygroups {
    display:block;
    position:relative;
}

#resultsocial {
    display:none;
    position:relative;
}

p.header {
	font-size: 25px;
	font-family: 'Open Sans', serif;
	font-weight: 700;
	margin-bottom: 10px;
	margin-top: 0px;
}

a.citation {
	text-decoration: none;
	color: #000000;
	font-family: 'EB Garamond', serif;
}

a.citation:hover {
	text-decoration: none;
	border-bottom: 1px dashed;
}

#container_coldwar {
	width: 900px;
	margin-left: auto;
	margin-right: auto;
}

#ussr {
	float: left;
	width: 440px;
}

#usa {
	float: right;
	width: 440px;
}

.hangingindent {
	margin-left: auto;
	margin-right: auto;
	width: 600px;
	font-family: 'EB Garamond', serif;
    padding-left: 22px ;
    text-indent: -22px ;
}

.round-button {
	position: absolute;
    width: 3%;
    height: 0;
    padding-bottom: 3%;
    border-radius: 50%;
    border: 2px solid #f5f5f5;
    overflow: hidden;
    background: #464646;
    box-shadow: 0 0 3px gray;
}

.round-button:hover {
    background: #262626;
}

.round-button img {
    display: block;
    width: 76%;
    padding: 12%;
    height: auto;
}