* {
box-sizing: border-box;
margin: 0;
padding: 0; }

#logo1{
	position: fixed;
	z-index:2;
	width:150px;
	height:50px;
	top:25px;
	left:25px;
	}
	
#logo1 img{
	width:150px;
	height:auto;
	}
	
@font-face {
font-family: 'akzidenz-grotesk_bqregular';
src: url('../fonts/akzidenzgrotesk-regular-webfont.woff2') format('woff2'),
url('../fonts/akzidenzgrotesk-regular-webfont.eot') format('eot'),
url('../fonts/akzidenzgrotesk-regular-webfont.ttf') format('ttf'),
url('../fonts/akzidenzgrotesk-regular-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'akzidenz-grotesk_bqbold';
src: url('../fonts/akzidenzgrotesk-bold-webfont.woff2') format('woff2'),
url('../fonts/akzidenzgrotesk-bold-webfont.eot') format('eot'),
url('../fonts/akzidenzgrotesk-bold-webfont.ttf') format('ttf'),
url('../fonts/akzidenzgrotesk-bold-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}

html, body {
height: 100%;
overflow: hidden;
font-family: 'akzidenz-grotesk_bqregular', Helvetica, sans-serif;
background-color: #222;
letter-spacing:1px;
color: white; }

.page-scroller {
position: relative;
height: 500%;
z-index: 1; }

.page-scroller .list-wrapper {
display: none; }

.page-wrapper {
position: absolute;
width: 640px;
height: 100%;
left: 50%;
top: 0;
margin-left: -320px;
font-size: 16px;
overflow: hidden;
z-index: 2; }

.list-wrapper {
position: absolute;
width: 100%;
height: 100%;
overflow: hidden; }

.list {
position: relative;
width: 320px;
margin: 0 auto;
padding: 0;
list-style: none; }
.list li {
text-align:center;
width: 100%;
height: 140px;
padding: 1.8em 1.5em; }
.list li * + * {
display: block;
margin-top: 0.4em; }
.list li h3 {
text-align:center;
font-family:'akzidenz-grotesk_bqbold', Arial, Helvetica, sans-serif;
letter-spacing:1px;
font-weight: normal; }
.list li a {
text-align:center;
display: inline-block;
color: white;
text-decoration: none; }
.list li p {
text-align:center;
font-size:20px;
color: rgba(255, 255, 255, 0.7); }
.list li:nth-child(4n+1) {
background-color: #999; }
.list li:nth-child(4n+2) {
background-color: #666; }
.list li:nth-child(4n+3) {
background-color: #333; }
.list li:nth-child(4n+4) {
background-color: silver; }

.list-a {
top: 0; }
.list-a li:last-child {
display: none; }

.list-b {
z-index: 10;
font-size: 2em;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.6); }
.list-b .list {
width: 640px; }
.list-b li {
height: 280px; }
.list-b li + li {
border-top: 1px solid rgba(255, 255, 255, 0.5); }
.list-b li a {
border-bottom: 0px dotted #fff; }

.list-c {
bottom: 0; }
.list-c li:first-child {
display: none; }