/* FONTZZZZZZ */


@font-face {
    font-family:'dtl_nobel_totregular';
 	src: url('../fonts/dtlnobeltot-regular-webfont.eot');
    src: url('../fonts/dtlnobeltot-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/dtlnobeltot-regular-webfont.woff2') format('woff2'),
         url('../fonts/dtlnobeltot-regular-webfont.woff') format('woff'),
         url('../fonts/dtlnobeltot-regular-webfont.ttf') format('truetype'),
         url('../fonts/dtlnobeltot-regular-webfont.svg#dtl_nobel_totregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

body { 
	margin:0;
	padding:0;
	background-color:#000;
	line-height:1;
	font-family: dtl_nobel_totregular, Arial, sans-serif;
	font-size:15px;
}
	
h2 {font-size:15px; padding-top: 20px;line-height: 0.8;
}
	
h1, h2, h3, p { margin:0 0 10px; color:#fff;font-weight: normal; }
p { line-height:1.4;  }
a { color:#fff;}

/* mouse over link */
a:link {
    text-decoration: none;
}
a:hover {
    font-style:italic;
}
a:visited {
    text-decoration: none;
}
a:active {
    font-style:italic;
}

.nav { 
	position:fixed; 
	top:50px;left:50px;
	z-index: 999999;
	width:50px; 
}

.main {
	position:fixed;
	margin:107px 50px 440px 220px;
	min-width:100px;
	max-width:500px;
	text-decoration:none;
	font-weight: normal;
}

.nav-link {
	display:block;
	padding-bottom:10px;
	text-decoration:none;
}


/*==========  Non-Mobile First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {

}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {

}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {
	.nav { 
		top:40px;
		left:40px;
	}
	
	.main {
		margin:97px 40px 440px 130px;
	}
}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {
	
	.nav { 
		top:30px;
		left:30px;
	}
	
	.main {
		margin:87px 30px 440px 120px;
	}	
	    
}