body {
	Background-Color: black;
	font: Montserrat, serif;
	color: #806DA3;
}

h1 {
	font-size: 4em;
	text-align: center;
}

ul {
	padding-left: 0;
	list-style-type:none;
}

h2 {
	font-size: 3em;
	text-align: center;
}

h4 {
	font-size: 2em;
	text-align: center;
}

a:link {
	color: #806DA3;
	text-decoration: none;
}
a:visited {
	color: #C2BFD6

}
a:hover{
	color: #c9c2d9
}

.nation-map {
	
	width: 100vw;
}

.leader {
	
	width: 100vw;
}
		

.continental-map {width: 100vw;}

.akithor-map {width: 100vw;}

@media screen and (min-width: 768px){

	h2 {
	font-size: 3em;
}

	.nation-map {
	
	width: 72vw;
	float: right;
}

.leader {
	
	width: 24vw;
	}

	.container  {
		width: 24%;
	}

	



}