header 	{ background: #FAFFFF; background: linear-gradient(#CCDDFF, #F5FFFF); }

.navbar {
	font-family: 'Saira condensed', Helvetica, sans-serif;
	font-size: 17px;
	font-weight: 500;
	transition: all 1.8s;
}

.navbar .fa,
.navbar .fas,
.navbar .fab { font-size: 16px; }

.navbar li.nav-item		{ padding: 5px 12px; margin: 0px; }
.navbar a.nav-link		{ color: #003366!important; }

.navbar-brand				{ margin: 0px; padding: 0px; color: #FFFFFF; }
.navbar-brand img			{ margin: 0px 20px; transition: all 0.8s; height: 55px; }

@media (max-width: 700px) {
	.navbar 					{ font-size: 18px; }
	.navbar-brand img			{ height: 38px; }
	.navbar li.nav-item			{ padding: 6px 20px; border-top: 1px dotted #CCCCCC; }
	.navbar a.nav-link			{ padding: 4px 20px; margin: 0px; XXXbackground: rgba(40,80,120,0.3);  }
}

.navbar-toggler-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0,55,111,1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E"); }
.navbar-toggler { border-color: rgb(0,55,111); }