/*
--- Colour Scheme hex values ---

	Black 		=	#0B0C10
	Grey 		=	#1F2833
	Green(dark) =	#00A117
	Green(lime) =	#66FF00
	Green(light)=	#5CDB95
	Orange		=	#FF6600
	Gold 		=	#E6B300
	Blue 		= 	#00B3FF
	white 		=   #FFF
	green       =	#a2d293
	#009640
	#6FBC85

*/


.information{
	margin:0 auto;
	margin-top:100px;
	padding:0;
	width:1000px;
}

#title{
	margin:0 auto;
	padding:0;
	padding-bottom:15px;
	width:100%;
}

#title h1{
	text-align:center;
	font-size:40px;
	color:#FFF;
	padding-bottom:10px;
	padding:10px;
	
}


#type{
	padding:0;
	margin:0 auto;
	margin-bottom:75px;
	width:80%;
	background:radial-gradient(#F0FFF0,#C8D7C8);
	overflow:hidden;
	border:2px solid #000;
	border-radius:50px;

}

#header{
	padding:2.5vw;
	margin:0;
	min-height:26px;
	border-bottom:2px solid #FF6600;
	color:#000;
	font-weight:bold;
}

#header h1{
	font-size:24px;
}

#header nav{
	text-align:center;
}

#header ul{
	text-align:center;
	display: inline-block;
	padding:0;
	margin:0 auto;
}

#header li{
	float:left;
	display:block;
	padding-left:1vw;
	padding-right:1vw;
	font-size:20px;
}

#row{
	padding:25px 2.5vw 25px 2.5vw;
	margin:0;
	min-height:30px;
	border-bottom:2px solid #CCC;
	color:#000;
}

#middle{
	padding:0;
	padding-left:15%;
	padding-right:15%;
	margin:0;
	font-size:30px;
	color:#000;
	text-align:center;
}

#middle a{
	color:#555;
	font-weight: bold;
	text-decoration:none;
}

#middle a:hover{
	color:#000;
}

@media screen and (max-width: 450px){
	.information{
		width:100%;
	}

	#row{
		min-height:10px;
	}

	#middle{
		font-size:20px
	}

	#header{
		min-height:40px;
		padding-top:20px;
	}

	#header li{
		font-size:8px;
	}

	#type{
		margin-top:25px;
		width:95%;
	}

	#title{
		padding-bottom:5px;
	}

	#title h1{
		font-size:28px;
	}
}


@media screen and (max-width: 768px) and (min-width: 451px){
	.information{
		width:100%;
	}

	#row{
		min-height:10px;
	}

	#middle{
		font-size:20px
	}

	#header{
		min-height:40px;
		padding-top:20px;
	}

	#header li{
		font-size:15px;
	}

	#type{
		margin-top:25px;
		width:95%;
	}

	#title{
		padding-bottom:5px;
	}

	#title h1{
		font-size:28px;
	}
}

@media screen and (max-width: 1024px) and (min-width:769px){
	.information{
		width:750px;
	}

	#row{
		min-height:25px;
	}

	#middle{
		font-size:25px
	}
}

@media screen and (max-width: 1500px) and (min-width: 1025px){
	
}

@media (min-width:1501px){
	
}