/* MAIN CSS */

html {
	background: #000000;
}
body {
	background: url('../img/footer_background.png') no-repeat bottom center, url('../img/background4.jpg') no-repeat top center;
	color: #333333;
	margin: 0px;
	padding: 0px;
	min-width: 1200px;
	font-family: 'Roboto', sans-serif;
	font-weight: 200;
	font-size: 16px;
}

h1,h2,h3,h4,h5,h6,p {
	margin: 0px;
	padding: 0px;
}

a.alt {
	color: #ffb400;
	text-decoration: underline;
}

a.alt:hover, a.alt:active {
	color: #ffb400;
}

*:focus {
    outline: none;
}

/* GN DESIGN CSS */

.main-container {
	width: 1200px;
	margin: 0px auto;
	min-height: 600px;
}

	.main-container .main-header {
		width: 1166px;
		height: 10px;
		margin: 0px auto;
	}

	.main-container .main-navbar {
		width: 100%;
		height: 167px;
		position: relative;
		top: -55px;
		z-index: 1000;
		background-size: contain;
	}
	.main-container .main-navbar:hover {
		background-size: contain;
	}
	
		.main-container .main-navbar .main-navbar-container {
			position: relative;
			top: 73px;
			padding: 0px 20px 0px 20px;
			text-align: center;
			display: flex;
			justify-content: center;
			align-items: center;
			gap: 10px;
			flex-wrap: wrap;
		}
	
		.main-container .main-navbar .main-navbar-container a {
			color: #fff;
			text-decoration: none;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 13px;
			text-transform: uppercase;
			text-shadow: 0px 0px 6px #000;
			font-weight: bold;
			padding: 10px 20px;
			border-radius: 5px;
			background: rgba(0, 0, 0, 0.3);
			border: 1px solid rgba(255, 255, 255, 0.1);
			transition: all 0.3s ease;
			display: inline-block;
		}
		
		.main-container .main-navbar .main-navbar-container a:hover {
			background: rgba(255, 180, 0, 0.2);
			border: 1px solid rgba(255, 180, 0, 0.5);
			color: #ffb400;
			transform: translateY(-2px);
			box-shadow: 0 5px 15px rgba(255, 180, 0, 0.3);
		}
		
		.main-container .main-navbar .main-navbar-container a:active {
			transform: translateY(0);
			box-shadow: 0 2px 5px rgba(255, 180, 0, 0.3);
		}