.custom-nav-bar {
	position: relative;
	box-shadow: 0px 5px 10px -6px rgba(0, 0, 0, 0.25);
	z-index: 1;
}

.custom-nav-bar ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0 auto;
	padding: 0;
	max-width: 1280px;
	list-style: none;
}

.custom-nav-bar ul li {
	flex: 1;
	text-align: center;
	border: 1px solid transparent;
	transition: background-color 400ms cubic-bezier(0,0,0.3,1), border-color 400ms cubic-bezier(0,0,0.3,1);
}


.custom-nav-bar ul li a {
	display: block;
	padding: 15px;
	color: #1a1a1a;
    border: none;
    font-size: 15px;
    font-weight: 700;
}

.custom-nav-bar ul li a:hover {
    text-decoration: none;
    color: #00a4ef;
}

@media (max-width: 480px) {
	.custom-nav-bar ul li {
		flex-basis: 50%;
		border-bottom: 1px solid #ebebeb;
	}

	.custom-nav-bar ul li:nth-child(odd) {
		border-right: 1px solid #ebebeb;
	}
	.custom-nav-bar ul li:hover {
		/* border-color: #d2d2d2; */
	}
}