/* nav.navbar {display: flex; gap: 20px;} */
nav.navbar {
    background-color: #022055;	
	font-family: Geneva, arial, sans-serif;
	font-size: min(max(15px), 20px);
	font-weight: 600;	
    height: auto;
    margin-bottom: 1.0rem;
    padding-left: .5rem;
	overflow: hidden;
}

.navbar a {
    color: #fff;
	display: inline-flex;
	margin-right: 2px;
    padding: 10px 15px;
    text-align: center;   
}
.navbar a:link,
.navbar a:visited {
	background-color: #022055;
	color: #fff;
	text-decoration: underline;
}
.navbar a:hover,
.navbar a:active {
	background-color: #256DE2;
	color: #fff;
	text-decoration: underline dotted;
}
.navbar a:focus,
.navbar.responsive a:focus {
    outline: 4px ridge rgba(250, 250, 250, 0.8);
	border-radius: .66rem;
}

.navbar .icon {
	display: none;
}
@media screen and (max-width: 915px) {
	.navbar a {
		font-size: 14px;
		margin-right: 0px;
		padding: 10px 12px;
	}
}
@media screen and (max-width: 750px) {
	.navbar a:not(:first-child) {display: none;}
	.navbar a.icon {
		float: right;
		font-weight: 900;
		display: block;
		text-decoration: none 0;
	}
}
@media screen and (max-width: 750px) {
	.navbar.responsive {position: relative;}
	.navbar.responsive .icon {
		font-weight: 900;
		position: absolute;
		right: 0;
		top: 0;
		text-decoration: none 0;
	}
	.navbar.responsive a {
		float: none;
		display: block;
		text-align: left;
	}
	.navbar.responsive a:not(:first-child) {display: block;}
}