.menubar {
	margin:  				0px;
	padding:  				0px;
	background-color: 		#003082;
	display:  				flex;
	justify-content: 		center;
}

.menubar ul {
	width: 					100%;
    display: 				flex;
    margin: 				0px;
    padding: 				0px;
    justify-content: 		center;
}

.menubar ul li {
	display:  				flex;
	margin:  				0px;
	padding:  				10px;
	background-color:		#003082;
	color: 					white;
	justify-content: 		center;
	align-items:  			center;
	cursor:  				pointer;
	-ms-transition: 		all ease-in-out .4s;
	-moz-transition: 		all ease-in-out .4s;	
	-webkit-transition: 	all ease-in-out .4s;
	transition: 			all ease-in-out .4s;
	font-size:  			1.3em;
	font-weight:  			500;
}
@media screen and (max-width: 1690px) and (min-width: 1291px) {
.menubar ul li {
	font-size:  			1.2em;
}
}

@media screen and (max-width: 1290px) and (min-width: 992px) {
.menubar ul li {
	font-size:  			1.1em;
}
}

@media screen and (max-width: 991px) and (min-width: 768px) {
.menubar ul li {
	font-size:  			1.0em;
}
}

@media screen and (max-width: 767px) {
.menubar ul li {
	font-size:  			0.9em;
}
}

.menubar ul li:hover {
	background-color: 		#07a3e1;
}

.menubar ul li:nth-child(1) {
	width: 					7%;
	padding:  				4px;
}
.menubar ul li:nth-child(1) img {
	width: 					100%;
	max-width:  			32px;
}
.menubar ul li:nth-child(2), .menubar ul li:nth-child(3), .menubar ul li:nth-child(4) {
	width: 					31%;
	max-width:  			200px;
}

.menubar_xs {
	margin:  				0px;
	padding:  				0px;
	background-color: 		#003082;
	display:  				flex;
	flex-wrap:  			wrap;
	justify-content: 		center;
}
.menubar_xs div {
	width:  				100%;
	display:  				flex;
	flex-wrap:  			wrap;
	justify-content: 		center;
	color: 					white;
	padding:  				4px;
}

.menubar_xs ul {
	width: 					100%;
    display: 				flex;
	flex-wrap:  			wrap;
    margin: 				0px;
    padding: 				0px;
    justify-content: 		center;
}

.menubar_xs ul li {
	width: 					100%;
	display:  				flex;
	margin:  				0px;
	height:  				50px;
	background-color:		#003082;
	color: 					white;
	justify-content: 		center;
	align-items:  			center;
	cursor:  				pointer;
	-ms-transition: 		all ease-in-out .4s;
	-moz-transition: 		all ease-in-out .4s;	
	-webkit-transition: 	all ease-in-out .4s;
	transition: 			all ease-in-out .4s;
	font-size:  			1.3em;
	font-weight:  			500;
	border-top: 			1px solid #07a3e1;
}

.menubar_xs ul li:nth-child(1) img {
	width: 					100%;
	max-width:  			32px;
}

.logo {
	margin:  				0px;
	padding:  				0px 0px 10px 0px;
	background-color: 		white;
	display:  				flex;
	flex-wrap:  			wrap;
	justify-content: 		center;
}

.logo img {
	width:  				50%;
	min-width:  			300px;
	cursor: 				pointer;
}