
header, nav {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;}

header, nav {
	display: block;}



/* Row */

	.row {
		display: flex;
		flex-wrap: wrap;
		box-sizing: border-box;
		align-items: stretch;
	}

		.row > * {
			box-sizing: border-box;
		}

		.row > .col-12 {
			width: 99.5%;
		}

h1 {
    color: #007897;
    font-weight: normal;
    margin-top: 0px;
}


#header {
    background-image: -moz-linear-gradient(top, #092360, #477cbd);
    background-image: -webkit-linear-gradient(top, #092360, #477cbd);
    background-image: -ms-linear-gradient(top, #092360, #477cbd);
    background-image: linear-gradient(top, #092360, #477cbd);
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    -ms-box-sizing: content-box;
    box-sizing: content-box;
    position: relative;
    margin: 0.5% 0 2.5% 0;
    padding: 0 40px 0 40px;
    border-radius: 10px;
    border: solid 1px #006e8b;
    box-shadow: inset 0px 0px 0px 1px #12a0bf, 0px 1px 4px 0px rgba(0, 0, 0, 0.1);
    background-color: #092360;
    height: 66px;
}

#header h1 {
	position: absolute;
	left: 40px;
	top: 0;
	color: #fff;
	font-size: 2.4em;
	letter-spacing: -2px;
	line-height: 66px;
}

#header h1 a {
	color: #fff;
	text-decoration: none;
}

#header nav {
	position: absolute;
	right: 40px;
	top: 1px;
	line-height: 64px;
	font-size: 1.3em;
	letter-spacing: -1px;
}

#header nav a {
	display: inline-block;
	text-decoration: none;
	color: #fff;
	padding: 0 25px 0 25px;
	outline: 0;
}

    #header nav a.current-page-item {
        background-image: -moz-linear-gradient(top, #477cbd, #092360);
        background-image: -webkit-linear-gradient(top, #477cbd, #092360);
        background-image: -ms-linear-gradient(top, #477cbd, #092360);
        background-image: linear-gradient(top, #477cbd, #092360);
        background-color: #007897;
        box-shadow: inset 0px 1px 5px 1px rgba(0, 0, 0, 0.1), 0px 0px 5px 1px rgba(255, 255, 255, 0.1);
    }

    #header nav a:hover {
        background-image: -moz-linear-gradient(top, #477cbd, #077d9b);
        background-image: -webkit-linear-gradient(top, #477cbd, #077d9b);
        background-image: -ms-linear-gradient(top, #477cbd, #077d9b);
        background-image: linear-gradient(top, #477cbd, #077d9b);
        background-color: #0882a1;
        box-shadow: inset 0px 1px 5px 1px rgba(0, 0, 0, 0.05), 0px 0px 5px 1px rgba(255, 255, 255, 0.05);
    }

