body {
	width:100%;
	height:100vh;
	background: url(../img/background.jpg) no-repeat bottom right;
	background-size: cover;
	background-attachment: fixed; 
	font-family:Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size:16px;
	color:#333;
}

h1,h2,h3,h4,h5,h6 {
	font-family: 'Oswald', sans-serif;
	font-weight: 500;
	color:#001F6A;	
}

header{
	margin:0 auto;
	padding:0; 
}

#main{		
	padding:15px;
}

#main-menu{
	display: flex;
	flex-direction: row;
	flex-wrap:nowrap;
	background-color: #FFF;
	box-shadow: 1px 1px 0px 0px #eee;
	justify-content:space-around;
}

.navbar-brand img{
	width:50%;
	height:auto;
}

.navbar-toggler {
	background-color: #0095FF;
	order:1;
}


.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {
	color:#F20909;
	font-weight: 700;
}

span.required {
	color:#F00;
}

small.info {
	display:block;color:#999;font-style:italic;
}

.btn-primary {
	background-color: #001F6A;
	border: none;
	font-family: 'Oswald', sans-serif;
	font-weight: 500;
	color:#FFF;
}

@media screen and (max-width: 800px){
	body {
		font-size:1.2em;
	}
	#main-menu{
		flex-wrap: wrap;
	}
	
	.navbar-toggler {
		background-color: #FFF;
		border:none;
		text-align: left;
	}

	.navbar-toggler:after{
		content: ' MENU';
	}

	.navbar-toggler:focus, .navbar-toggler:hover {
		outline: none;
		border:none;
	}

	img#agc {
		width: 30%;
		margin-top:-5px;
	}

	img#afg {
		width: 100%;
	}

	#main-menu a{
		flex:1 0 25%;
	}

	#main-menu button, #main-menu div{
		flex:0 1 100%;
	}
	
	.navbar-brand img{
		width:auto;
		height:auto;
	}

	#navbarSupportedContent {
		order:2;
	}
}

@media screen and (max-width: 576px){
	#main{
		background-color:rgba(255,255,255,0.8); 
	}


}