@font-face {
	font-family: 'Gotham';
	src: url('../fonts/Gotham-Bold.woff2') format('woff2'), url('../fonts/Gotham-Bold.woff') format('woff');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'Gotham Book';
	src: url('../fonts/Gotham-Book.woff2') format('woff2'), url('../fonts/Gotham-Book.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

html, body { margin: 0; padding: 0; }

body {	
	font-family: "Gotham Book", Arial, Verdana, sans-serif;
}

	body.NPS2024V1 {
		background: url('../images/bg-porter.jpg') no-repeat center -500px;
		background-size: cover;
		background-attachment: fixed;
	}

	body.NPS2025V1 {
		background: url('../images/bg-porter.jpg') no-repeat center -500px;
		background-size: cover;
		background-attachment: fixed;
	}

	body.NPS2026V1 {
		background: url('../images/bg-porter.jpg') no-repeat center -500px;
		background-size: cover;
		background-attachment: fixed;
	}

	body.DEL2024V1 {
		background: url('../images/bg-DEL2024V1.jpg') no-repeat center -240px;
		background-size: cover;
		background-attachment: fixed;
	}

.container { 
	max-width: 80%;
	margin: 0 auto;
}

.navbar {
	margin: 1.6rem 0;
	padding: 2rem 1.5rem 1rem 1.5rem;
	text-align: center;
	vertical-align: bottom;
	color: #FFFFFF;
	z-index: 99;
	text-transform: uppercase;
}

.navbar h2 { font-weight: 300; font-size: 1.6rem; }

@media only screen and (max-width: 600px) {
	body {
		background-position: center -250px;		
	}
	
	.container {
		max-width: 100%;
	}
}

@media only screen and (max-width: 960px) {
	.container {
		max-width: 85%;
	}
}