div.nav-container ul {
	 background: rgba(0, 0, 0, 1);
	 list-style-type: none;
	 display: flex;
	 flex-wrap: wrap;
	 position: relative;
	 margin: 6px auto;
	 padding: 0;
	 justify-content: center;
}
 div.nav-container li {
	 flex: 100% 0 0;
	 border: 1px solid #333;
}
 div.nav-container li:nth-child(odd), div.nav-container li:nth-child(even) {
	 border-left: 0;
	 border-right: 0;
}
 div.nav-container li:last-child {
	 border-right: 0;
}
 div.nav-container a {
	 display: block;
	 padding: 1rem 5%;
	 color: #fff;
	 font-size: .8rem;
	/*font-weight: 300;
	*/
	 line-height: 1.2rem;
	/*white-space: nowrap;
	*/
	 text-align: center;
	 text-decoration: none;
	 transition: color 0.75s ease-out, text-shadow 0.75s ease-out, background 1s ease-in;
	 background: linear-gradient(to right, #000 0%, #000 50%, #000 100%);
}
 div.nav-container a:hover, div.nav-container a:focus {
	 color: #f0e0b0;
	 background: linear-gradient(to right, #000 0%, #333 50%, #000 100%);
	 text-decoration: #fff solid thin;
}


/*stripe start purple */
section.sac-state-events-section:before,
div.nav-container ul:after,
.gallery-featured-event:after {
	 background: -webkit-gradient(linear, right top, left top, color-stop(25%, #008453), color-stop(40%, #ce7712), color-stop(60%, #fafa43), to(#380042));
	 background: linear-gradient(270deg, #008453 25%, #ce7712 40%, #fafa43 60%, #380042 100%);
}
/*start green */
div.nav-container ul:before,
section.sac-state-events-section:after {
	 background: -webkit-gradient(linear, left top, right top, color-stop(25%, #008453), color-stop(40%, #ce7712), color-stop(60%, #fafa43), to(#380042));
	 background: linear-gradient(90deg, #008453 25%, #ce7712 40%, #fafa43 60%, #380042 100%);
}

section.sac-state-events-section:before,
div.nav-container ul:before {
    content: ' ';
    display: block;
    width: 100%;
    padding: 3px;
    position: absolute;
    top: -6px;
    left: 0;
    z-index: 1000;
}

section.sac-state-events-section:after,
div.nav-container ul:after {
/*.gallery-featured-event:after {*/
    content: ' ';
    display: block;
    width: 100%;
    padding: 3px;
    position: absolute;
    bottom: -6px;
    left: 0;
    z-index: 1000;
}

 @media screen and (min-width: 440px) {
	 div.nav-container li {
		 flex: 50% 0 0;
		 border: 1px solid #333;
	}
	 div.nav-container li:nth-child(odd) {
		 border-left: 0;
	}
	 div.nav-container li:nth-child(even) {
		 border-right: 0;
		 border-left: 1px solid #333;
	}
	 div.nav-container li:last-child {
		 border-left: 0;
		 border-right: 0;
	}
}
 @media screen and (min-width: 640px) {
	/* div.nav-container > .container {
		*/
		/* max-width: unset;
		*/
		/* width: 100%;
		*/
		/*
	}
	*/
	 div.nav-container ul {
		 padding: 0 5%;
	}
	/*div.nav-container li:nth-child(even) {
		*/
		/* border-right: 0;
		*/
		/*
	}
	*/
	 div.nav-container a {
		 font-size: .8rem;
	}
}
 @media screen and (min-width: 715px) {
	 div.nav-container li, div.nav-container li:nth-child(odd), div.nav-container li:nth-child(even) {
		 flex: 20% 0 0;
		 border: 0;
		 align-self: center;
	}
}
 @media screen and (min-width: 1000px) {
	 div.nav-container li {
		 max-width: 200px;
	}
	div.nav-container li:last-child {
		 border-right: 0;
	}
}