/* CSS Document */
* {
	margin         : 0px;
	padding        : 0px;
	box-sizing     : border-box;
	text-decoration: none;
}






/*##### Header #####*/
header {
	background: #003060;
	width     : 100%;
	padding   : 20px;

	/*Flex*/
	display        : flex;
	justify-content: space-between;;
	align-items    : center;
	flex-flow      : row wrap;
}

/*##### Header - Nav #####*/
header nav {
	width: 50%;

	/*Flex*/
	display    : flex;
	flex-wrap  : wrap;
	align-items: center;
}

	header nav a {
		background : #00458a;
		color      : #fff;
		text-align : center;
		font-weight: bold;
		padding    : 10px;
		display    : inline-block;

		/*Flex*/
		flex-grow: 1;
	}
		header nav a:hover {
			background: #005dba;
		}

	header .logo {
		color    : #fff;
		font-size: 30px;
	}
		header .logo img {
			width         : 80px;
			vertical-align: top;
		}
		header .logo a {
			color      : #fff;
			line-height: 50px;
			font-size  : 29px;
		}










/*##### Footer #####*/
footer {
	background: #003060;
	width     : 100%;
	padding   : 20px;

	/*Flex*/
	display        : flex;
	flex-wrap      : wrap;
	justify-content: space-between;
}

	footer .links {
		background: #00458a;
		display: flex;
		flex-wrap: wrap;
	}
		footer .links a {
			color      : #fff;
			padding    : 10px;
			text-align : center;
			font-weight: bold;

			/*Flex*/
			flex-grow: 1;
		}
			footer .links a:hover {
				background: #005dba;
			}

	footer .social {
		display   : flex;
	}
		footer .social a {
			color      : #fff;
			padding    : 10px;
		}
			footer .social a:nth-child(1) {
				background: #004b96;
			}
				footer .social a:nth-child(1):hover {
					background: #0060c0;
				}
			footer .social a:nth-child(2) {
				background: #0079f2;
			}
				footer .social a:nth-child(2):hover {
					background: #489bef;
				}
			footer .social a:nth-child(3) {
				background: #453FA5;
			}
				footer .social a:nth-child(3):hover {
					background: #574FD7;
				}