/*
Tutorial Name: Scroll To Top Then Fixed Navigation Effect With JQuery and CSS
https://stanhub.com/scroll-to-top-then-fixed-navigation-effect-with-jquery-and-css-free-download/
Description: Create a sticky navigation bar that remains fixed to the top after scroll
Author: Stan Kostadinov
Author URI: https://stanhub.com
Version: 1.0.0 - 11.01.2014
*/


/* This class is added on scroll */

.fixed {
	position: fixed;
	top: 0;
	height: 70px;
	z-index: 1;
}


/* Navigation Settings */
nav {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 70px;
	color: #fff;
	font-weight: 700;
	background-color: #000;
}

nav li {
	display: inline-block;
	padding: 24px 10px;
}

nav li a {
	color: #fff;
	text-transform: uppercase;
}


@media only screen and (max-width: 520px) {

	nav li {
		padding: 24px 4px;
	}

	nav li a {
		font-size: 14px;
	}

}