body{
	background-color: black ;
	font-family: 'Raleway', sans-serif;
}
h1 {
	color: white;
	position: center;
	text-align: center;

}

h2 {
	color: white;
	position: center;
	text-align: center;
}
h3 {
	color: white;
	position: center;
	text-align: center;
}
p {
	color: black;
	font-size: 20px;
	font-weight: 100;
}
 #banner {
	 background-image: url('Michael.jpg');
	 background-position: center;
	 background-size: cover;
	 height: 600px;
	 width: 100%;
	 text-align: center;
	
 }
 #banner .man {
  border: 3px solid white;
  position: center;
  top: 50px;
  width: 400px;
  margin: 0 auto;
  border-radius: 25px;
 }
 .man:hover {
	  background: hsla(0, 100%, 50%,0.4);
  
 }
 .man {
  background-color: hsla(325, 0%, 50%, 0.4);
 }
 #nike {
	 background-image: url('nike.jpg');
	 background-position:  center;
	 background-size: cover;
	 height: 600px;
	 width: 100%;
	 text-align: center;
	 top: 0px;
	
 }
  #nike .company {
  border: 3px solid white;
  position: center;
  top: 50px;
  width: 400px;
  margin: 0 auto;
  border-radius: 25px;
 }
 .company:hover {
	  background: hsla(0, 100%, 50%,0.4);
  
 }
 .company {
  background-color: hsla(325, 0%, 50%, 0.4);
 }
 #partnership {
	 background-image: url('deal.jpg');
	 background-position:  center;
	 background-size: cover;
	 height: 600px;
	 width: 100%;
	 text-align: center;
	
 }
   #partnership .deal {
  border: 3px solid white;
  position: center;
  top: 50px;
  width: 400px;
  margin: 0 auto;
  border-radius: 25px;
 }
 .deal:hover {
	  background: hsla(0, 100%, 50%,0.4);
  
 }
 .deal {
  background-color: hsla(325, 0%, 50%, 0.4);
 }
 #jordan1 {
	 background-image: url('banned.jpg');
	 background-position:  center;
	 background-size: cover;
	 height: 600px;
	 width: 100%;
	 text-align: center;
	
 }
   #jordan1 .banned {
  border: 3px solid white;
  position: center;
  top: 50px;
  width: 400px;
  margin: 0 auto;
  border-radius: 25px;
 }
 .banned:hover {
	  background: hsla(0, 100%, 50%,0.4);
  
 }
 .banned {
  background-color: hsla(325, 0%, 50%, 0.4);
 }
 #jordan3 {
	 background-image: url('retro3.png');
	 background-position:  center;
	 background-size: cover;
	 height: 600px;
	 width: 100%;
	 text-align: center;
	
 }
   #jordan3 .tinker {
  border: 3px solid white;
  position: center;
  top: 50px;
  width: 400px;
  margin: 0 auto;
  border-radius: 25px;
 }
 .tinker:hover {
	  background: hsla(0, 100%, 50%,0.4);
  
 }
 .tinker {
  background-color: hsla(325, 0%, 50%, 0.4);
 }
 #jordan11 {
	 background-image: url('concord.jpg');
	 background-position:  center;
	 background-size: cover;
	 height: 600px;
	 width: 100%;
	 text-align: center;
	
 }
   #jordan11 .concord {
  border: 3px solid white;
  position: center;
  top: 50px;
  width: 400px;
  margin: 0 auto;
  border-radius: 25px;
 }
 .concord:hover {
	  background: hsla(0, 100%, 50%,0.4);
  
 }
 .concord {
  background-color: hsla(325, 0%, 50%, 0.4);
 }
 #endorsed {
	 background-image: url('endorsed.jpg');
	 background-position:  center;
	 background-size: cover;
	 height: 600px;
	 width: 100%;
	 text-align: center;
	
 }
   #endorsed .allen {
  border: 3px solid white;
  position: center;
  top: 50px;
  width: 400px;
  margin: 0 auto;
  border-radius: 25px;
 }
 .allen:hover {
	  background: hsla(0, 100%, 50%,0.4);
  
 }
 .allen {
  background-color: hsla(325, 0%, 50%, 0.4);
 }
 #future {
	 background-image: url('future.jpg');
	 background-position:  center;
	 background-size: cover;
	 height: 600px;
	 width: 100%;
	 text-align: center;
	
 }
   #future .collab {
  border: 3px solid white;
  position: center;
  top: 50px;
  width: 400px;
  margin: 0 auto;
  border-radius: 25px;
 }
 .collab:hover {
	  background: hsla(0, 100%, 50%,0.4);
  
 }
 .collab {
  background-color: hsla(325, 0%, 50%, 0.4);
 }
 #table {
	 background-image: url('multiple.jpg');
	 background-position:  center;
	 background-size: cover;
	 height: 1800px;
	 width: 100%;
 text-align: center;}