/*
Tutorial Name: Scroll To Top Then Fixed Navigation Effect With JQuery and CSS
Description: Create a sticky navigation bar that remains fixed to the top after scroll
Author: Stanislav Kostadinov
Author URI: http://stanislav.it
Version: 1.0.0 - 11.01.2014
*/

* {margin: 0; padding: 0;}

a {text-decoration: none;}

/* This class is added on scroll */
.fixed {
	position: fixed; 
	top: 0; 
	height: 40px; 
	z-index: 2000;
}

body {
	color: #606060;
	font-family: 'Calibri'; 
	font-size: 11px;
	line-height:13pt;
	text-align: left;
	overflow-x: hidden;
}

/* Font Face Settings */
@font-face {
	font-family: 'Calibri';
	src:url('../fonts/Calibri.eot'),
		url("../fonts/Calibri.eot?#iefix") format("embedded-opentype");
	src:local('Calibri'),
		local('Calibri'),
		url("../fonts/Calibri.svg#Calibri") format("svg"),
		url("../fonts/Calibri.otf") format("opentype"),
		url("../fonts/Calibri.woff") format("woff"),
		url("../fonts/Calibri.ttf") format("truetype");
	font-weight: normal;
	font-style: normal;
}

/* Navigation Settings */
main {
	position: relative;
	width: 100%;
	height: auto;
	z-index: 9999;
	background: none;
	vertical-align: middle;
    text-align: center;
    padding: 0px 0px 0px 0px;
}

main li {
	display: inline-block;
	padding: 0px 0px;
}

main li a {
	color: #0E0E0E;
	text-transform: none;
}

nav {
	position: fixed;
	width: 100%;
	height: 38px;
	z-index: 9999;
	background: #0E0E0E;
	color: #0E0E0E;
	font-family: 'Calibri';
	font-size: 11pt; 
	line-height: 13.5pt;
    text-align: left;
    padding: 0px 0px 0px 0px;
}

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

nav li a {
	color: #0E0E0E;
	text-transform: none;
}

section {
	height: 100vh;
	width: auto;
}

/* Screens Settings */
#screen1 {	
	background: #0E0E0E;
	padding-top: 0px;
	width: 100%;
}

#screen2 {
	background: #FFFFFF;
}

#screen3 {
	background: #FFFFFF;
}

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

	main {
		height: auto;
		z-index: 0;
	}

	nav li {
		padding: 0px 0px;
	}

	nav li a {
		font-size: 13px;
	}
	
	section {
		width: 768px;
	}

}