#snap-menu {
	background: none;
}

#snap-menu.snap {
	position: fixed;
	top: 70px;
	z-index: 100;
	width: 100%;
	background: #fff;
	border-bottom: 1px solid #ccc;

-webkit-box-shadow: 0px 10px 40px -5px rgba(0,0,0,0.37);
-moz-box-shadow: 0px 10px 40px -5px rgba(0,0,0,0.37);
box-shadow: 0px 10px 40px -5px rgba(0,0,0,0.37);
}

#snap-menu .container {
	border-top: 1px solid #dedede;
	border-bottom: 1px solid #dedede;
}

#snap-menu.snap .container { border: 0; }

#snap-menu .container {
	padding: 20px 0;
}

#snap-menu.snap .container {
	padding: 10px 0;
	-webkit-transition: padding 0.5s; /* For Safari 3.1 to 6.0 */
    transition: padding 0.5s;
}

#snap-menu ul.scroll-links {
	
}

#snap-menu ul.scroll-links li {
	float: left;
	margin-right: 20px;
}

#snap-menu ul.scroll-links li.page-title {
	padding-right: 20px;
	border-right: 1px solid #ccc;
}

#snap-menu ul.scroll-links li a {
	display: block;
	font-family: 'bebas_neueregular';
	font-size: 20px;
	color: #444;
	text-transform: uppercase;		
}

#snap-menu.snap ul.scroll-links li a { color: #888; }


.bg-dark #snap-menu ul.scroll-links li a { color: #dedede; font-weight: normal;}
.bg-dark #snap-menu ul.scroll-links li a:hover { color: #fff;}

#snap-menu.snap ul.scroll-links li a
.bg-dark #snap-menu.snap ul.scroll-links li a { color: #bbb; }

#snap-menu ul.scroll-links li a:hover {
	color: red;
}

#snap-menu.snap ul.scroll-links li a.active,
.bg-dark #snap-menu.snap ul.scroll-links li a.active {
	color: #00AEEF;
}


/* #Media Queries
================================================== */

	/* full desktop (devices and browsers) */
	@media only screen and (min-width: 960px) {}
	
	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	/* Note: Design for a width of 768px */
	@media only screen and (min-width: 768px) and (max-width: 959px) {}

	/* All Mobile Sizes (devices and browser) */
	/* Note: Design for a width of 320px */
	@media only screen and (max-width: 767px) {

		#snap-menu .columns { margin-bottom: 0; }
		
		#snap-menu ul.scroll-links li { padding-top: 5px; padding-bottom: 5px; }
		
		#snap-menu ul.scroll-links li a { color: #0099ff; }
	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	/* Note: Design for a width of 480px */
	@media only screen and (min-width: 480px) and (max-width: 767px) {}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	/* Note: Design for a width of 320px */
	@media only screen and (max-width: 479px) {}