background {
	background-color: black;
	text-align: center;
	color: black;
}

.nav {
	background-color: rgba(0, 0, 0, 0.8);
	height: auto;
	text-align: center;
	position: fixed;
	z-index: 999;
	top: 0;
	left: 0;
	width: 100%;
}

.nav {
	padding: 0;
}

.nav img {
	height: 100%;
	width: 100px;
	float: left;
	padding-left: 50px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.nav ul {
	float: right;
	text-align: center;
	color: white;
	padding-right: 10px;
}

.nav li {
	color: white;
	display: inline-block;
	font-family: 'Economica', sans-serif;
	font-size: 16px;
	font-weight: 100;
	letter-spacing: 2px;
	margin-top: 10px;
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 10px;
	text-transform: uppercase;
	float: left;
}

.MainHead h2{
	text-transform: uppercase;
	font-family: 'Oswald', sans-serif;
	color: black;
	text-align: left;
	font-size: 90%;
	padding-left: 15%;
	padding-top: 30%;
	padding-bottom: 30%;
}

.MainHead img {
	float: right;
	padding-right: 10%;
	padding-top: 10%;
	height: 100%;
	width: 300px;
}

.Bib {
	text-align: left;
	left: 0px;
	right: 0;
	top: 0;
	background-color: lightgrey;

}

.Bib img {
	float: left;
	padding-left: 7%;
	padding-top: 12%;
}

.Bib h2{
	text-transform: uppercase;
	font-family: 'Oswald', sans-serif;
		padding-top: 20%;
	padding-left: 50%;
	padding-right: 10%;
}

.Bib p {
	font-family: 'Economica', sans-serif;
	font-weight: 100;
	padding-bottom: 20%;
	padding-left: 50%;
	padding-right: 10%;
}

.btn {
	color: white;
	border: 1px solid white;
	background-color: darkgray;
	border-radius: 1px;
	font-family: 'Roboto', sans-serif;
	font-size: 8px;
	font-weight: 700;  
	margin: 5% 0%;
	padding: 15px;
	text-decoration: none;
	text-transform: uppercase;
	float: left;
}

.btn:hover {
  background-color: rgba(90,90,90,1.00);
  border: 1px solid white;
  color: #FFF;
}

.Achievement {
	text-align: center;
	padding-top: 20%;
	padding-bottom: 20%;
	background-color: rgba(255,255,255,.9);
	margin: auto;
}

.Achievement h2{
	font-family: 'Oswald', sans-serif;
	text-transform: uppercase;
	padding-bottom: 5%;
	padding-top: 5%;
	
	background-color: rgba(255,255,255,.9);
}

.Achievement ul {
	text-align: center;
	padding-left: 0px;
	background-color: rgba(255,255,255,.9);
	padding-top: 10px;
	padding-bottom: 10px;
}

.Achievement li {
	font-family: 'Roboto', sans-serif;
	font-weight: 100;
	margin: 30px;
	display: block;
}

.Reviews{
	text-align: center;
	padding-left: 10%;
	padding-right: 10%;
}

.Reviews h2 {
	font-family: 'Oswald', sans-serif;
	text-transform: uppercase;
	padding-bottom: 50px;
}

.Reviews p {
	font-family: 'Roboto', sans-serif;
	font-weight: 100;
	margin-bottom: 50%;
}

.main {
	text-align: center;
	background-color: lightgray;
}

.main h1{
	text-transform: uppercase;
	font-family: 'Oswald', sans-serif;
	color: black;
	font-size: 200%;
	padding-top: 10%;
	top: 0;
}

.main p {
	font-family: 'Economica', sans-serif;
	font-weight: 100;
	padding-bottom: 10%;
}
.works h2 {
	font-family: 'Economica', sans-serif;
}

.works p {
	font-family: 'Economica', sans-serif;
	font-weight: 100;
	font-size: 90%;
}

.book1 {
	text-align: center;
	padding-left: 10%;
	padding-right: 10%;
	padding-top: 10%;

}

.book1 p {
	padding-left: 15%;
	padding-right: 15%;
	padding-bottom: 15%;
}

.Hungergames {
	width: 100%;
	overflow: hidden;
	text-align: center;
	display: inline-block;
	background-color: rgb(220, 220, 220);
	margin: 0;
	margin-bottom: 15%;
	padding-bottom: 5%;

}

.Hungergames img {
	width: 250px;
	height: 100%;
	display: inline-block;
	float: center;
	margin: 20%;
}

.Hungergames h2{
	text-align: center;
	font-size: 90%;
}

.Hungergames p {
	text-align: center;
	padding-right: 10%;
	padding-left: 10%;
}
.book2 {
	width: 33%;
	float: left;
	text-align: center;
}
.book3 {
	width: 33%;
	float: left;
	text-align: center;
}
.book4 {
	width: 33%;
	float: left;
	text-align: center;
}

.grego {
	width: 100%;
	overflow: hidden;
	text-align: center;
}

.grego h2{
	text-align: center;
	font-size: 90%;
}

.grego p {
	text-align: center;
}
.book5 {
	width: 20%;
	float: left;
	text-align: center;
}
.book6 {
	width: 20%;
	float: right;
	text-align: center;
}
.book7 {
	width: 20%;
	float: right;
	text-align: center;
}
.book8 {
	width: 20%;
	float: left;
	text-align: center;
}
.book9 {
	width: 20%;
	float: left;
	text-align: center;
}