@media screen and (min-width: 400px){
body {
	background-color: orange;
}
}

@media screen and (min-width: 780px){
body {
	background-color: rgba(107, 142, 35, 0.9);
}
} 

@media screen and (min-width: 400px){
	#ribbon1{
		position: absolute;
		display: inline-block;
		background-color: white;
		height: 8%;
		width: 50%;
		margin-top: 1%;
		margin-left: -15%;
		opacity: 0.9;
		box-shadow: 2px 2px grey;
	}
	#ribbon1:hover{
		width: 55%;
	}
}

@media screen and (min-width: 780px){
	#ribbon1{ 
		display: inline-block;
		background-color: white;
		height: 50%;
		width: 8%;
		margin-top: -10%;
		margin-left: 2%;
		opacity: 0.9;
		box-shadow: 5px 5px grey;
		position: absolute;
	 }
	 #ribbon1:hover{
	 	height: 55%;
	 	width: 8%;
	 }
}
@media screen and (min-width: 400px){
	#name1{
		display: inline-block;
		color: orange;
		font-family: helvetica;
		font-weight: bold;
		font-size: 10px;
		text-transform: uppercase;
		padding-top: 5px;
		padding-bottom: 5px;
		margin-top: 2%;
		line-height: 10px;
		margin-left: 45%;
	}
	#name1:hover{
		margin-left: 50%; 
	}
}

@media screen and (min-width: 780px){
	#name1{
		display: inline-block;
		color: #6B8E23;
		font-family: helvetica;
		font-weight: bold;
		font-size: 15px;
		text-transform: uppercase;
		padding-left: 5px;
		padding-right: 5px;
		margin-top: 260%;
		line-height: 14px;
		margin-left: 8%;
	}
	#name1:hover{
		margin-top: 285%;
		margin-left: 8%;
	}
}

@media screen and (min-width: 400px){
	#ribbon2{
		display: inline-block;
		position: absolute;
		background-color: white;
		height: 8%;
		width: 99%;
		margin-top: 13%;
		margin-left: -15%;
		opacity: 0.9;
		box-shadow: 2px 2px grey;
	} 
	#ribbon2:hover{
		width: 104%;
	}
}

@media screen and (min-width: 780px){
	#ribbon2{ 
		position: absolute;
		display: inline-block;
		background-color: white;
		height: 60%;
		width: 8%;
		margin-top: -5%;
		margin-left: 11%;
		opacity: 0.9;
		box-shadow: 5px 5px grey;
	 }
	 #ribbon2:hover{
	 	height:65%;
	 	width: 8%;
	 }
} 

@media screen and (min-width: 400px){
	#name2{
		display: inline-block;
		color: orange;
		font-family: helvetica;
		font-weight: bold;
		font-size: 10px;
		text-transform: uppercase;
		padding-bottom: 5px;
		margin-left: 55%;
		line-height: 10px;
		margin-top: 1%;
	} 
	#fact2:hover{
		margin-left: 60%;
	}
}

@media screen and (min-width: 780px){
	#name2{
		display: inline-block;
		color: #6B8E23;
		font-family: helvetica;
		font-weight: bold;
		font-size: 15px;
		text-transform: uppercase;
		padding-left: 5px;
		padding-right: 5px;
		margin-top: 300%;
		margin-left: 8%;
		line-height: 14px;
	}
	#name2:hover{
		margin-top: 325%;
		margin-left: 8%;
	}
} 

@media screen and (min-width: 400px){
	#ribbon3{
		display: inline-block;
		position: absolute;
		background-color: white;
		height: 8%;
		width: 50%;
		margin-top: 18%;
		margin-left: -15%;
		opacity: 0.9;
		box-shadow: 2px 2px grey;
	}
	#ribbon3:hover{
		width: 55%;
	}
}

@media screen and (min-width: 780px){
	#ribbon3{ 
		position: absolute;
		display: inline-block;
		background-color: white;
		height: 35%;
		width: 8%;
		margin-top: -5%;
		margin-left: 15%;
		opacity: 0.9;
		box-shadow: 5px 5px grey;
	 }
	 #ribbon3:hover{
	 	height:40%;
	 	width: 8%;
	 }
}

@media screen and (min-width: 400px){
	#name3{
		display: inline-block;
		color: orange;
		font-family: helvetica;
		font-weight: bold;
		font-size: 10px;
		text-transform: uppercase;
		margin-top: 1px;
		padding-bottom: 5px;
		padding-right: 1px;
		margin-left: 50%;
		line-height: 10px;
	}
	#name3:hover{
		margin-left: 55%;
	}
}

@media screen and (min-width: 780px){
	#name3{
		display: inline-block;
		color: #6B8E23;
		font-family: helvetica;
		font-weight: bold;
		font-size: 15px;
		text-transform: uppercase;
		padding-left: 5px;
		padding-right: 5px;
		margin-top: 180%;
		line-height: 12px;
		margin-left: 8%;
	}
	#name3:hover{
		margin-top:205%;
		margin-left: 8%;
	}
} 

@media screen and (min-width: 400px){
	#ribbon4{
		display: inline-block;
		position: absolute;
		background-color: white;
		height: 8%;
		width: 70%;
		margin-top: 30%;
		margin-left: -15%;
		opacity: 0.9;
		box-shadow: 2px 2px grey;
	}
	#ribbon4:hover{
		width: 75%;
	}
} 

@media screen and (min-width: 780px){
	#ribbon4{ 
		position: absolute;
		display: inline-block;
		background-color: white;
		height: 72%;
		width: 8%;
		margin-top: -5%;
		margin-left: 24%;
		opacity: 0.9;
		box-shadow: 5px 5px grey;
	 }
	 #ribbon4:hover{
	 	height:77%;
	 	width: 8%;
	 }
}

@media screen and (min-width: 400px){
	#name4{
		display: inline-block;
		color: orange;
		font-family: helvetica;
		font-weight: bold;
		font-size: 10px;
		text-transform: uppercase;
		margin-top: 2px;
		padding-bottom: 5px;
		padding-right: 5px;
		margin-left: 60%;
		line-height: 10px;
	}
	#name4:hover{
		margin-left: 65%;
	}
}

@media screen and (min-width: 780px){
	#name4{
		display: inline-block;
		color: #6B8E23;
		font-family: helvetica;
		font-weight: bold;
		font-size: 15px;
		text-transform: uppercase;
		padding-left: 5px;
		padding-right: 5px;
		margin-top: 420%;
		line-height: 14px;
		margin-left: 6%;
	}
	#name4:hover{
		margin-top: 445%;
		margin-left: 6%;
	}
}  

@media screen and (min-width: 400px){
	#ribbon5{
		display: inline-block;
		position: absolute;
		background-color: white;
		height: 8%;
		width: 45%;
		margin-top: 36%;
		margin-left: -15%;
		opacity: 0.9;
		box-shadow: 2px 2px grey;
	}
	#ribbon5:hover{
		width: 50%;
	}
} 

@media screen and (min-width: 780px){
	#ribbon5{ 
		position: absolute;
		display: inline-block;
		background-color: white;
		height: 45%;
		width: 8%;
		margin-top: -5%;
		margin-left: 29%;
		opacity: 0.9;
		box-shadow: 5px 5px grey;
	 }
	 #ribbon5:hover{
	 	height:50%;
	 	width: 8%;
	 }
}

@media screen and (min-width: 400px){
	#name5{
		display: inline-block;
		color: orange;
		font-family: helvetica;
		font-weight: bold;
		font-size: 10px;
		text-transform: uppercase;
		margin-top: 1px;
		padding-bottom: 5px;
		padding-right: 5px;
		margin-left: 40%;
		line-height: 10px;
	}
	#name5:hover{
		margin-left: 45%;
	}
}

@media screen and (min-width: 780px){
	#name5{
		display: inline-block;
		color: #6B8E23;
		font-family: helvetica;
		font-weight: bold;
		font-size: 15px;
		text-transform: uppercase;
		padding-left: 5px;
		padding-right: 5px;
		margin-top: 160%;
		line-height: 14px;
		margin-left: 8%;
	}
	#name5:hover{
		margin-top: 185%;
		margin-left: 8%;
	}
} 

@media screen and (min-width: 400px){
	#ribbon6{
		display: inline-block;
		position: absolute;
		background-color: white;
		height: 8%;
		width: 90%;
		margin-top: 42%;
		margin-left: -15%;
		opacity: 0.9;
		box-shadow: 2px 2px grey;
	}
	#ribbon6:hover{
		width: 95%;
	}
} 

@media screen and (min-width: 780px){
	#ribbon6{ 
		position: absolute;
		display: inline-block;
		background-color: white;
		height: 90%;
		width: 8%;
		margin-top: -5%;
		margin-left: 33%;
		opacity: 0.9;
		box-shadow: 5px 5px grey;
	 }
	 #ribbon6:hover{
	 	height:95%;
	 	width: 8%;
	 }
} 

@media screen and (min-width: 400px){
	#name6{
		display: inline-block;
		color: orange;
		font-family: helvetica;
		font-weight: bold;
		font-size: 10px;
		text-transform: uppercase;
		margin-top: 1px;
		padding-bottom: 5px;
		padding-right: 5px;
		margin-left: 82%;
		line-height: 10px; 
	}
	#name6:hover{
		margin-left: 87%;
	}
}

@media screen and (min-width: 780px){
	#name6{
		display: inline-block;
		color: #6B8E23;
		font-family: helvetica;
		font-weight: bold;
		font-size: 15px;
		text-transform: uppercase;
		padding-left: 5px;
		padding-right: 5px;
		margin-top: 540%;
		line-height: 14px;
		margin-left: 8%;
	}
	#name6:hover{
		margin-top:565%;
		margin-left: 8%;
	}
}  

@media screen and (min-width: 400px){
	#ribbon7{
		display: inline-block;
		position: absolute;
		background-color: white;
		height: 8%;
		width: 65%;
		margin-top: 46%;
		margin-left: -15%;
		opacity: 0.9;
		box-shadow: 2px 2px grey;
	} 
	#ribbon7:hover{
		width: 70%;
	}
} 

@media screen and (min-width: 780px){
	#ribbon7{ 
		position: absolute;
		display: inline-block;
		background-color: white;
		height: 65%;
		width: 8%;
		margin-top: -5%;
		margin-left: 40%;
		opacity: 0.9;
		box-shadow: 5px 5px grey;
	 }
	 #ribbon7:hover{
	 	height:70%;
	 	width: 8%;
	 }
} 

@media screen and (min-width: 400px){
	#name7{
		display: inline-block;
		color: orange;
		font-family: helvetica;
		font-weight: bold;
		font-size: 10px;
		text-transform: uppercase;
		margin-top: 1px;
		padding-bottom: 5px;
		padding-right: 5px;
		margin-left: 75%;
		line-height: 10px;
	}
	#name7:hover{
		margin-left: 80%;
	}
}

@media screen and (min-width: 780px){
	#name7{
		display: inline-block;
		color: #6B8E23;
		font-family: helvetica;
		font-weight: bold;
		font-size: 15px;
		text-transform: uppercase;
		padding-left: 5px;
		padding-right: 15px;
		margin-top: 370%;
		line-height: 14px;
		margin-left: 8%;
	}
	#name7:hover{
		margin-top:395%;
		margin-left: 8%;
	}
} 

@media screen and (min-width: 400px){
	#ribbon8{
		display: inline-block;
		position: absolute;
		background-color: white;
		height: 8%;
		width: 98%;
		margin-top: 58%;
		margin-left: -15%;
		opacity: 0.9;
		box-shadow: 2px 2px grey;
	}
	#ribbon8:hover{
		width: 83%;
	}
} 

@media screen and (min-width: 780px){
	#ribbon8{ 
		position: absolute;
		display: inline-block;
		background-color: white;
		height: 80%;
		width: 8%;
		margin-top: -5%;
		margin-left: 50%;
		opacity: 0.9;
		box-shadow: 5px 5px grey;
	 }
	 #ribbon8:hover{
	 	height:85%;
	 	width: 8%;
	 }
}  

@media screen and (min-width: 400px){
	#name8{
		display: inline-block;
		color: orange;
		font-family: helvetica;
		font-weight: bold;
		font-size: 10px;
		text-transform: uppercase;
		margin-top: 1px;
		padding-bottom: 5px;
		padding-right: 5px;
		margin-left: 65%;
		line-height: 10px;
	}
	#name8:hover{
		margin-left: 70%;
	}
}

@media screen and (min-width: 780px){
	#name8{
		display: inline-block;
		color: #6B8E23;
		font-family: helvetica;
		font-weight: bold;
		font-size: 15px;
		text-transform: uppercase;
		padding-left: 5px;
		padding-right: 15px;
		margin-top: 440%;
		line-height: 14px;
		margin-left: 8%;
	}
	#name8:hover{
		margin-top: 465%;
		margin-left: 8%;
	}
} 

@media screen and (min-width: 400px){
	#ribbon9{
		display: inline-block;
		position: absolute;
		background-color: white;
		height: 8%;
		width: 34%;
		margin-top: 61%;
		margin-left: -15%;
		opacity: 0.9;
		box-shadow: 2px 2px grey;
	}
	#ribbon9:hover{
		width: 39%;
	}
} 

@media screen and (min-width: 780px){
	#ribbon9{ 
		position: absolute;
		display: inline-block;
		background-color: white;
		height: 26%;
		width: 8%;
		margin-top: -5%;
		margin-left: 54%;
		opacity: 0.9;
		box-shadow: 5px 5px grey;
	 }
	#ribbon9:hover{
		height:31%;
		width: 8%;
	}
} 

@media screen and (min-width: 400px){
	#name9{
		display: inline-block;
		color: orange;
		font-family: helvetica;
		font-weight: bold;
		font-size: 10px;
		text-transform: uppercase;
		margin-top: 2px;
		padding-bottom: 5px;
		margin-left: 50%;
		line-height: 10px;
		padding-right: 5px;
	}
	#name9:hover{
		margin-left: 55%;
	}
}

@media screen and (min-width: 780px){
	#name9{
		display: inline-block;
		color: #6B8E23;
		font-family: helvetica;
		font-weight: bold;
		font-size: 15px;
		text-transform: uppercase;
		padding-left: 5px;
		padding-right: 15px;
		margin-top: 100%;
		line-height: 14px;
		margin-left: 8%;
	}
	#name9:hover{
		margin-top: 125%;
		margin-left: 8%;
	}

} 
@media screen and (min-width: 400px){
	#ribbon10{
		display: inline-block;
		position: absolute;
		background-color: white;
		height: 8%;
		width: 60%;
		margin-top: 64%;
		margin-left: -15%;
		opacity: 0.9;
		box-shadow: 2px 2px grey;
	}
	#ribbon10:hover{
		width: 65%;
	}
} 
@media screen and (min-width: 780px){
	#ribbon10{ 
		display: inline-block;
		background-color: white;
		height: 68%;
		width: 8%;
		margin-top: -10%;
		margin-left: 60%;
		opacity: 0.9;
		box-shadow: 5px 5px grey;
		position: absolute;
	 }
	 #ribbon10:hover{
	 	height: 73%;
	 	width: 8%;

	 }
}
@media screen and (min-width: 400px){
	#name10{
		display: inline-block;
		color: orange;
		font-family: helvetica;
		font-weight: bold;
		font-size: 10px;
		text-transform: uppercase;
		margin-top: 15px;
		padding-bottom: 5px;
		margin-left: 59%;
		line-height: 10px;
		padding-right: 5px;
	}
	#name10:hover{
		margin-left: 64%;
	}
}
@media screen and (min-width: 780px){
	#name10{
		display: inline-block;
		color: #6B8E23;
		font-family: helvetica;
		font-weight: bold;
		font-size: 15px;
		text-transform: uppercase;
		padding-left: 5px;
		padding-right: 5px;
		margin-top: 380%;
		line-height: 14px;
		margin-left: 8%;
	}
	#name10:hover{
		margin-top: 405%;
		margin-left: 8%;

	}
}
@media screen and (min-width: 400px){
	#ribbon11{
		display: inline-block;
		position: absolute;
		background-color: white;
		height: 8%;
		width: 54%;
		margin-top: 76%;
		margin-left: -15%;
		opacity: 0.9;
		box-shadow: 2px 2px grey;
	}
	#ribbon11:hover{
		width: 59%;
	}
} 
@media screen and (min-width: 780px){
	#ribbon11{ 
		display: inline-block;
		background-color: white;
		height: 32%;
		width: 8%;
		margin-top: -10%;
		margin-left: 69%;
		opacity: 0.9;
		box-shadow: 5px 5px grey;
		position: absolute;
	 }
	 #ribbon11:hover{
	 	height: 37%;
	 	width: 8%;
	 	
	 }
} 
@media screen and (min-width: 400px){
	#name11{
		display: inline-block;
		color: orange;
		font-family: helvetica;
		font-weight: bold;
		font-size: 10px;
		text-transform: uppercase;
		margin-top: 2px;
		padding-bottom: 5px;
		margin-left: 50%;
		line-height: 10px;
		padding-right: 5px;
	}
	#name11:hover{
		margin-left: 55%; 
	}
}
@media screen and (min-width: 780px){
	#name11{
		display: inline-block;
		color: #6B8E23;
		font-family: helvetica;
		font-weight: bold;
		font-size: 15px;
		text-transform: uppercase;
		padding-left: 5px;
		padding-right: 5px;
		margin-top: 120%;
		line-height: 14px;
		margin-left: 8%;
	}
	#name11:hover{
		margin-top: 145%; 
		margin-left: 8%;
	}
}
@media screen and (min-width: 400px){
	#ribbon12{
		display: inline-block;
		position: absolute;
		background-color: white;
		height: 8%;
		width: 37%;
		margin-top: 89%;
		margin-left: -15%;
		opacity: 0.9;
		box-shadow: 2px 2px grey;
	}
	#ribbon12:hover{
		width: 42%;
	}
} 
@media screen and (min-width: 780px){
	#ribbon12{ 
		display: inline-block;
		background-color: white;
		height: 54%;
		width: 8%;
		margin-top: -10%;
		margin-left: 75%;
		opacity: 0.9;
		box-shadow: 5px 5px grey;
		position: absolute;
	 }
	 #ribbon12:hover{
	 	height: 59%;
	 	width: 8%;
	 }
}
@media screen and (min-width: 400px){
	#name12{
		display: inline-block;
		color: orange;
		font-family: helvetica;
		font-weight: bold;
		font-size: 10px;
		text-transform: uppercase;
		margin-top: 2px;
		padding-bottom: 5px;
		margin-left: 57%;
		line-height: 10px;
		padding-right: 5px;
	}
	#name12:hover{
		margin-left: 62%;
	}
}
@media screen and (min-width: 780px){
	#name12{
		display: inline-block;
		color: #6B8E23;
		font-family: helvetica;
		font-weight: bold;
		font-size: 15px;
		text-transform: uppercase;
		padding-left: 5px;
		padding-right: 15px;
		margin-top: 280%;
		line-height: 14px;
		margin-left: 12%;
	}
	#name12:hover{
		margin-top: 305%;
		margin-left: 12%;
	}
}
@media screen and (min-width: 400px){
	#ribbon13{
		display: inline-block;
		position: absolute;
		background-color: white;
		height: 8%;
		width: 90%;
		margin-top: 84%;
		margin-left: -15%;
		opacity: 0.9;
		box-shadow: 2px 2px grey;
	}
	#ribbon13:hover{
		width: 95%;
	}
} 
@media screen and (min-width: 780px){
	#ribbon13{ 
		display: inline-block;
		background-color: white;
		height: 84%;
		width: 8%;
		margin-top: -10%;
		margin-left: 79%;
		opacity: 0.9;
		box-shadow: 5px 5px grey;
		position: absolute;
	 }
	 #ribbon13:hover{
	 	height: 89%;
	 	width: 8%;
	 }
}
@media screen and (min-width: 400px){
	#name13{
		display: inline-block;
		color: orange;
		font-family: helvetica;
		font-weight: bold;
		font-size: 10px;
		text-transform: uppercase;
		margin-top: 2px;
		padding-bottom: 5px;
		margin-left: 81%;
		line-height: 10px;
		padding-right: 5px;
	}
	#name13:hover{
		margin-left: 86%;
	}
}
@media screen and (min-width: 780px){
	#name13{
		display: inline-block;
		color: #6B8E23;
		font-family: helvetica;
		font-weight: bold;
		font-size: 15px;
		text-transform: uppercase;
		padding-left: 5px;
		padding-right: 5px;
		margin-top: 500%;
		line-height: 14px;
		margin-left: 1%;
	}
	#name13:hover{
		margin-top: 525%;
		margin-left: 1%;
	}
}
@media screen and (min-width: 400px){
	#ribbon14{
		display: inline-block;
		position: absolute;
		background-color: white;
		height: 8%;
		width: 61%;
		margin-top: 106%;
		margin-left: -15%;
		opacity: 0.9;
		box-shadow: 2px 2px grey;
	}
	#ribbon14:hover{
		width: 66%;
	}
} 
@media screen and (min-width: 780px){
	#ribbon14{ 
		display: inline-block;
		background-color: white;
		height: 62%;
		width: 8%;
		margin-top: -10%;
		margin-left: 88%;
		opacity: 0.9;
		box-shadow: 5px 5px grey;
		position: absolute;
	 }
	 #ribbon14:hover{
	 	height: 67%; 
	 	width: 8%; 
	 }
}
@media screen and (min-width: 400px){
	#name14{
		display: inline-block;
		color: orange;
		font-family: helvetica;
		font-weight: bold;
		font-size: 10px;
		text-transform: uppercase;
		margin-top: 2px;
		padding-bottom: 5px;
		margin-left: 59%;
		line-height: 10px;
		padding-right: 5px;
	}
	#name14:hover{
		margin-left: 64%; 
	}
}
@media screen and (min-width: 780px){
	#name14{
		display: inline-block;
		color: #6B8E23;
		font-family: helvetica;
		font-weight: bold;
		font-size: 15px;
		text-transform: uppercase;
		padding-left: 5px;
		padding-right: 5px;
		margin-top: 300%;
		line-height: 14px;
		margin-left: 8%;
	}
	#name14:hover{
		margin-top: 325%; 
		margin-left: 8%;
	}
}
@media screen and (min-width: 400px){
	#ribbon15{
		display: inline-block;
		position: absolute;
		background-color: white;
		height: 8%;
		width: 32%;
		margin-top: 104%;
		margin-left: -15%;
		opacity: 0.9;
		box-shadow: 2px 2px grey;
	}
	#ribbon15:hover{
		width: 37%;
	}
} 
@media screen and (min-width: 780px){
	#ribbon15{ 
		display: inline-block;
		background-color: white;
		height: 40%;
		width: 8%;
		margin-top: -10%;
		margin-left: 91%;
		opacity: 0.9;
		box-shadow: 5px 5px grey;
		position: absolute;
	 }
	 #ribbon15:hover{
	 	height: 45%; 
	 	width: 8%; 
	 }
}
@media screen and (min-width: 400px){
	#name15{
		display: inline-block;
		color: orange;
		font-family: helvetica;
		font-weight: bold;
		font-size: 10px;
		text-transform: uppercase;
		margin-top: 2px;
		padding-bottom: 5px;
		margin-left: 54%;
		line-height: 10px;
		padding-right: 5px;
	}
	#name15:hover{
		margin-left: 59%;
	}
}
@media screen and (min-width: 780px){
	#name15{
		display: inline-block;
		color: #6B8E23;
		font-family: helvetica;
		font-weight: bold;
		font-size: 15px;
		text-transform: uppercase;
		padding-left: 5px;
		padding-right: 5px;
		margin-top: 200%;
		line-height: 14px;
		margin-left: 8%;
	}
	#name15:hover{
		margin-top: 225%;
		margin-left: 8%;
	}
}
@media screen and (min-width: 400px){
	#ribbon16{
		display: inline-block;
		position: absolute;
		background-color: white;
		height: 8%;
		width: 78%;
		margin-top: 92%;
		margin-left: -15%;
		opacity: 0.9;
		box-shadow: 2px 2px grey;
	}
	#ribbon16:hover{
		width: 83%; 
	}
} 
@media screen and (min-width: 780px){
	#ribbon16{ 
		display: inline-block;
		background-color: white;
		height: 92%;
		width: 8%;
		margin-top: -10%;
		margin-left: 12%;
		opacity: 0.9;
		box-shadow: 5px 5px grey;
		position: absolute;
	 }
	 #ribbon16:hover{
	 	height: 97%; 
	 	width: 8%;
	 }
}
@media screen and (min-width: 400px){
	#name16{
		display: inline-block;
		color: orange;
		font-family: helvetica;
		font-weight: bold;
		font-size: 10px;
		text-transform: uppercase;
		margin-top: 2px;
		padding-bottom: 5px;
		margin-left: 72%;
		line-height: 10px;
		padding-right: 5px;
	}
	#name16:hover{
		margin-left: 77%;
	}
}
@media screen and (min-width: 780px){
	#name16{
		display: inline-block;
		color: #6B8E23;
		font-family: helvetica;
		font-weight: bold;
		font-size: 15px;
		text-transform: uppercase;
		padding-left: 5px;
		padding-right: 5px;
		margin-top: 550%;
		line-height: 14px;
		margin-left: 8%;
	}
	#name16:hover{
		margin-top: 575%;
		margin-left: 8%;
	}
}