/*-------------------------
	The footer
--------------------------*/


footer{
	position:relative;
	background-attachment: fixed;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
	color: #a76500;
	width: 100%;
	z-index:1;
}
footer a {
	text-decoration: none;
	color: #fff;
	text-shadow: 0 0 20px rgba(0,153,255,1);
}
footer a:hover {
	color: #0000ff;
}
.footerFloat {
	float: left;
  background-color: rgba(0, 153, 255, 0.4);
  text-shadow: 0 0 20px rgba(0, 153, 255, 1);
  border-radius:15px;
	height: 220px;
}
.footerFloat h3 {
	font-size: 28px;
	font-weight: 500;
	text-align: center;
	text-decoration: none;
	color: #fff;
	text-shadow: 0 0 20px rgba(0,153,255,1);
}
.footerFloat p{
	font-size: 22px;
	text-decoration: none;
	color: #fff;
	text-shadow: 0 0 20px rgba(0,153,255,1);
}

@media screen and (min-width: 1071px) {
	footer{
		height: 320px;
	}
	.footerFloat {
		width: 20%;
		padding: 20px;
		margin: 20px;
	}
	.first {
		padding-left: 5%;
	}
	.second {
	}
}
@media screen and (max-width: 1070px) {
	footer{
		height: 320px;
	}
	.footerFloat {
		width: 20%;
		padding: 20px;
		margin: 20px;
	}
	.first {
		padding-left: 5%;
	}
	.second {
	}
}
@media screen and (max-width: 1200px) {
	footer{
		height: 580px;
	}
	.footerFloat {
		width: 40%;
		padding: 20px;
		margin: 20px;
	}
	.first {
		padding-left: 5%;
	}
	.third {
		padding-left: 5%;
	}
}
@media screen and (max-width: 600px) {
	footer{
		height: 1100px;
	}
	.footerFloat {
		width: 80%;
		padding: 20px;
		margin: 20px auto;
		
	}
	.first {
		padding-left: 5%;
	}
	.second {
		padding-left: 5%;
	}
	.third {
		padding-left: 5%;
	}
	.fourth {
		padding-left: 5%;
	}
}