/* Contact.css */
	/*html{
		background-image: 
			url("Eagle Eye Sketch.jpg");
		height: 200px;
 		background-repeat: no-repeat;
 		background-position: top left;
 		background-color: lightgrey;
 		background-size: 175px;

	}*/
 
	*{
		box-sizing: border-box;
	}
 
	body{
		overflow-x: hidden;
		margin: 0;
		padding: 0;
		background-color: lightgrey;	
		font-family: serif, sans-serif;
 
 
 
	}
	
 
	.menu{
		width: 100%;
		background: black;
		overflow: auto;
		position: relative;
		top: -510px;
		font-weight: bold;
 
 
 
	}
 
	.menu ul{
		padding: 0;
		margin: 0;
		line-height: 60px;
		list-style: none;
		position: sticky;
 
	}
 
	.menu li{
		float: left;
		position: sticky;
 
	}
 
	.menu li a:hover{
		
		transition: 0.6s;
		font-size: 19px;
		color: #1A2B6D;
 
	}
 
	.menu ul li a{
		width: 130px;
		display: block;
		text-align: center;
		letter-spacing: 1px;
		background: black;
		text-decoration: none;
		color: white;
		font-size: 22px;
		font-family: sans-serif;
		position: sticky;
 
	}
 
	.search-form{
		margin-top: 15px;
		float: right;
		margin-right: 100px;
 
	}
 
	input[type=text]{
		padding: 7px;
		border: none;
		font-size: 16px;
		font-family: sans-serif;
 
	}
 
	button{
		float; right;
		background: grey;
		color: white;
		border-radius: 0 5px 5px 0;
		cursor: pointer;
		position: relative;
		padding: 7px;
		font-family: sans-serif;
		border: none;
		font-size: 16px;
	}
	button a:hover{
		cursor: pointer;
	}
	/* Above is for the NAV and SEARCh bar*/

	

 	h3 > p{
 		font-size: 120px;
		text-align: center;
		color: #1A2B6D;
		position: relative;
		top: 14px;
		left: 0px;
		font-family: serif;
		background-color: transparent;

		
		
 	}

 	.Gold{
 		color: black;
 		position: relative;
 		top: -240px;
 		left: 0px;
 		font-family: serif;
 		background-color: transparent;
 	}
 	
	#name{
		font-size: 40px;
		text-align: center;
		color: #1A2B6D;
		position: relative;
		top: -390px;
		right: 475px;
		left: 0px;
		font-family: serif;
		background-color: transparent;
		
	}
	.nameGold{
		color: black;
		font-size: 40px;
		position: relative;
		top: -475px;
		left: 450px;
		font-family: serif;
		background-color: transparent;
	}

	/*.Camera{
		position: relative;
		top: -675px;
		left: 600px;
	}*/

	.Eye{ /* Right Side Top Image*/
		position: relative;
		top: -754px;
		left: 1135px;

	}
	.Eye2{ /* Left Side Top Image */
		position: relative;
		top: -754px;
		left: -455px;

	}

	/* Above is the Nav Bar, Images and more */
	/* Below is the Contact Form */
	
	.container{
		max-width: 800px;
		height: 600px;
		background-color: white;
		margin: 50px auto;
		box-sizing: border-box;
		padding: 40px;
		box-shadow: 0 0 20px rgba(72,98,85,0.6);
		position: relative;
		top: -650px;
	}
	.container p{
		text-transform: uppercase;;
		text-align: center;
		font-size: 45px;
		margin-bottom: 20px;
		color: #1A2B6D;
		letter-spacing: 1px;
	}
	.input, .msg .area{
		width: 100%;
		padding: 20px;
		box-sizing: border-box;
		margin-bottom: 25px;
		border: 2px solid #e9eaea;
		font-size: 14px;
		border-radius: 5px;
		outline: none;
		transition: all 0.5s ease;
	}
	.login .input{
		width: 48%;
		float: left;
		margin-right: 4%;\
		border: 2px solid #e9eaea;
	}
	.login .input:last-child{
		margin-right: 0;
	}
	.msg .are{
		height: 200px;
	}

	.btn{
		width: 250px;
		background: #1A2B6D;
		height: 50px;
		text-align: center;
		line-height: 50px;
		color: white;
		text-transform: uppercase;
		margin: 0 auto;
		cursor: pointer;
		border-radius: 5px;
	}
	.input:focus,
	.msg .area:focus{
		border: 2px solid #1A2B6D;

	}

	::-webkit-input-placeholder{
		font-family: serif, sans-serif;
	}
	::-moz-input-placeholder{
		font-family: serif, sans-serif;
	}
	::-ms-input-placeholder{
		font-family: serif, sans-serif;
	}