* { margin:0; padding: 0;}

#container {
	position: absolute;
	width: 100%;
	height:100%;
	overflow-x: hidden;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;

	transform: translateZ(0);
	-webkit-transform: translate3d(0, 0, 0);
}

#main {
	width: 200%; position: absolute; left: 0; right: 0;
}

.header { position: fixed; left: 0; right: 0; height: 64px; background: #fff; top: 0; z-index: 1000; }
.header .right { float: right; margin-right: 40px; }
.header .logo { width: 149px; margin-top: 22px; margin-left: 40px; }
.header .flip-btn {
	border-radius: 20px; padding: 10px 15px 8px; margin: 10px 5px; border: none; cursor: pointer; color: #666;
	font-family: Intro-Regular, arial; font-size: 14px; font-weight: normal; text-transform: uppercase; background: transparent;
	line-height: 12px; display: inline-block;
}
.header .flip-btn.active {
	background: #325393; color: #fff;
}

#menu { display: inline-block; margin-right: 60px; }
.menu a {
	display: inline-block; margin: 28px 10px; 
	font-family: Intro-light, arial; font-size: 12px; color: #000; text-decoration: none; text-transform: uppercase;
}
.menu .company { display: none; }

#mobile-menu{ display: none; }

#left { position: absolute; width: 50%; z-index: 0; }
#right { position: absolute; width: 50%; left: 50%; z-index: 0; }

.student-slick div, .company-slick div {
    width: 100%;
    height: 100%;
    position: relative;
}

.student-slick img, .company-slick img {
    width: 100%; margin-top: -30px;
}

h1 { 
	margin: auto; padding: 100px;
	font-size: 63.5px; font-family: Intro-Black-Caps; text-transform: uppercase; line-height: 56px; font-weight: 400;
}

a {
	color: #0088cc; text-decoration: none; cursor: pointer;
}

.yellow { color: #ffd219; }
.red { color: #c85f3f; }
.blue { color: #325393; }
.white { color: #ffffff; }

.scroll-content {
	position: relative; margin-top: 600px; background: #fff;
}