body {
	background: url(../images/contribute_background.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-o-font-smoothing: antialiased;
}

body {
	background-color: black;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-o-font-smoothing: antialiased;
}

.title {
	font-family: BellGothicBT-Roman;
	text-transform: uppercase;
	font-size: 35px;
	letter-spacing: 2px;
	color: white;
	text-decoration: none;
	margin-left: 45%;
	margin-top: 167px;
	background-color: black;
	width: 205px;
	display: inline-block;
}

.intro {
	font-family: BellGothicBT-Roman;
	font-size: 14px;
	color: white;
	margin-left: 45%;
	margin-top: 38px;
	width: 30%;
}

.nav_plus {
	margin-top: 10px;
	margin-left: 51px;
	position: fixed;
	display: inline;

}

.nav_minus {
	margin-top: 10px;
	margin-left: 12px;
	position: fixed;
	display: inline;
}

.nav_information {
	margin-top: 10px;
	margin-left: 180px;
	position: fixed;
	display: inline;
}

.nav_contribute {
	margin-top: 10px;
	margin-left: 358px;
	position: fixed;
	display: inline;
}

.nav_home {
	margin-top: 10px;
	margin-left: 95px;
	position: fixed;
	display: inline;
}

.nav_map {
	margin-top: 47px;
	margin-left: 180px;
	position: fixed;
	display: inline;
}

.nav_team {
	margin-top: 82px;
	margin-left: 180px;
	position: fixed;
	display: inline;
}

p {
	background-color: black;
}

.map {
	margin-top: -100px;
	margin-left: 20px;
	position: fixed;
	display: inline;

}

.boxdiagram {
	max-width: 400px;
	margin-top: 167px;
	float: left;
}

.gold_name {
	font-family: BellGothicBT-Roman;
	font-size: 14px;
	color: white;
	margin-top: 20px;
	background-color: black;
	width: 37px;
}

.gold {
	font-family: BellGothicBT-Roman;
	font-size: 14px;
	color: white;
	margin-top: 20px;
	background-color: black;
	width: 100%;
}

.silver_name {
	font-family: BellGothicBT-Roman;
	font-size: 14px;
	color: white;
	margin-top: 20px;
	background-color: black;
	width: 53px;
}

.silver{
	font-family: BellGothicBT-Roman;
	font-size: 14px;
	color: white;
	margin-top: 20px;
	background-color: black;
	width: 100%;


}

.bronze_name {
	font-family: BellGothicBT-Roman;
	font-size: 14px;
	color: white;
	margin-top: 20px;
	background-color: black;
	width: 58px;


}

.bronze {
	font-family: BellGothicBT-Roman;
	font-size: 14px;
	color: white;
	margin-top: 20px;
	background-color: black;
	width: 100%;
}

img {
	max-width: 100%
}

.images {
	max-width: 40%;
	float: left;
}
  

  @media screen and (max-width: 1024px) {
  	.boxdiagram {
  		max-width: 50%;
  	}
  
  }

  @media screen and (max-width: 768px) {
  
  .nav_information {
	margin-top: 47px;
	margin-left: 95px;
	position: fixed;
	display: inline;
}

  .nav_map {
	margin-top: 84px;
	margin-left: 95px;
	position: fixed;
	display: inline;
}

.nav_team {
	margin-top: 120px;
	margin-left: 95px;
	position: fixed;
	display: inline;
}

.nav_contribute {
	margin-top: 84px;
	margin-left: 95px;
	position: fixed;
	display: inline;
}

.title {
	font-family: BellGothicBT-Roman;
	text-transform: uppercase;
	font-size: 15px;
	letter-spacing: 2px;
	color: white;
	text-decoration: none;
	margin-left: 95px;
	margin-top: 150px;
	display: inline-block;
	width: 100px;
}

.intro {
	font-family: BellGothicBT-Roman;
	font-size: 14px;
	color: white;
	margin-left: 95px;
	margin-top: 20px;
	width: 70%;
}
  }

  @media screen and (max-width: 600px) {

  	.nav_information {
	margin-top: 47px;
	margin-left: 95px;
	display: inline;
}

  .nav_map {
	margin-top: 84px;
	margin-left: 95px;
	display: inline;
}

.nav_team {
	margin-top: 120px;
	margin-left: 95px;
	display: inline;
}

.nav_contribute {
	margin-top: 84px;
	margin-left: 95px;
	display: inline;
}

.title {
	font-family: BellGothicBT-Roman;
	text-transform: uppercase;
	font-size: 15px;
	letter-spacing: 2px;
	color: white;
	text-decoration: none;
	margin-left: 95px;
	margin-top: 150px;
	display: inline-block;
	width: 100px;
}

.intro {
	font-family: BellGothicBT-Roman;
	font-size: 14px;
	color: white;
	margin-left: 95px;
	margin-top: 20px;
	width: 70%;
}
   
  }

  @media screen and (max-width: 480px) {

.nav_home {
	margin-top: 50px;
	margin-left: 12px;
	display: inline;
}

.nav_information {
	margin-top: 87px;
	margin-left: 12px;
	display: inline;
}

.nav_map {
	margin-top: 123px;
	margin-left: 12px;
	display: inline;
}

.nav_team {
	margin-top: 158px;
	margin-left: 12px;
	display: inline;
}

.nav_contribute {
	margin-top: 124px;
	margin-left: 12px;
	display: inline;
}

.title {
	font-family: BellGothicBT-Roman;
	text-transform: uppercase;
	font-size: 15px;
	letter-spacing: 2px;
	color: white;
	text-decoration: none;
	margin-left: 12px;
	margin-top: 190px;
	display: inline-block;
	width: 100px;
}

.intro {
	font-family: BellGothicBT-Roman;
	font-size: 14px;
	color: white;
	margin-left: 12px;
	margin-top: 20px;
	width: 75%;
}

  }

  @media screen and (max-width: 320px) {

.nav_home {
	margin-top: 50px;
	margin-left: 12px;
	display: inline;
}

.nav_information {
	margin-top: 87px;
	margin-left: 12px;
	display: inline;
}

.nav_map {
	margin-top: 123px;
	margin-left: 12px;
	display: inline;
}

.nav_team {
	margin-top: 158px;
	margin-left: 12px;
	display: inline;
}

.nav_contribute {
	margin-top: 124px;
	margin-left: 12px;
	display: inline;
}

.title {
	font-family: BellGothicBT-Roman;
	text-transform: uppercase;
	font-size: 15px;
	letter-spacing: 2px;
	color: white;
	text-decoration: none;
	margin-left: 12px;
	margin-top: 190px;
	display: inline-block;
	width: 100px;
}

.intro {
	font-family: BellGothicBT-Roman;
	font-size: 14px;
	color: white;
	margin-left: 12px;
	margin-top: 20px;
	width: 75%;
}
 
  }