@charset "UTF-8";
/* CSS Document */
@import url("//hello.myfonts.net/count/371de9");

@font-face {font-family: 'Univers';font-weight: normal;font-style: normal;src: url('webfonts/371DE9_0_0.eot');src: url('webfonts/371DE9_0_0.eot?#iefix') format('embedded-opentype'),url('webfonts/371DE9_0_0.woff2') format('woff2'),url('webfonts/371DE9_0_0.woff') format('woff'),url('webfonts/371DE9_0_0.ttf') format('truetype');}

@font-face {font-family: 'Univers';font-weight: bold;font-style: normal;src: url('webfonts/371DE9_1_0.eot');src: url('webfonts/371DE9_1_0.eot?#iefix') format('embedded-opentype'),url('webfonts/371DE9_1_0.woff2') format('woff2'),url('webfonts/371DE9_1_0.woff') format('woff'),url('webfonts/371DE9_1_0.ttf') format('truetype');}

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

html, body, h1, h2, h3, h4, h5, p, ol, ul, li, form {
	padding: 0;
	margin: 0;
	font-size: 100%;
	font-weight: normal;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
	font-size:9px;
}
td, th, caption /*?*/ {
	font-weight: normal;
	text-align: left;
	padding: 0;
	vertical-align: top;
}
	
ol {
	margin-left: 1.4em;
	list-style: decimal;
}
ul {
	margin-left: 0;
	list-style: none;
}
img {
	border: 0;
	margin: 0;
	padding: 0;
	display: block; 
}
a {
	text-decoration:none;
	outline:none;
	color:#444444;
}
*:focus {
    outline: none;
}

#grid {
	position:absolute;
	top:0;
	width:100%;
	max-width:1024px;
	display:none;
}
#grid1, #grid2, #grid3, #grid4, #grid5 {
	float:left;
	background-color:yellow;
	opacity:.5;
	width:18.4%;
	margin-right:2%;
	height:2000px;
	float:left;
}
#grid5 {
	margin-right:0;
}
.clearfix::after {
	content: "";
	clear:both;
	display:table;
}

body {
	font-family:"warnock-pro-caption", Georgia;
	font-size:14pt;
}
.infocontainer {
	max-width:1100px;
	padding:0 48px;
	margin:0 auto;
	position:relative;
}

body.toc, .toc #nav {
	color:#444444;
	background-color:#EAEAEA;
}
body.intro, .intro #nav {
	background-color:#FAFAFA;
	color:#444444;
}
body.contactpage, .contactpage #nav {
	background-color:#2fb09e;
	color:#F2F2F2;
}

#nav, .number, .section {
	font-family:"Univers";
	font-size:14px;
	line-height:14px;
}
#nav {
	width:100%;
	position:fixed;
	top:0;
	z-index:100;
}
#nav .infocontainer div {
	float:left;
	padding:18px 0;
}
#nav .infocontainer div:not(.home) {
	margin-right:24px;
}
#nav div.currloc {
	border-top:3px solid #444444;
	padding-top:15px;
}
.project #nav div.currloc {
	border-top:3px solid #EAEAEA;
}
#nav .home {
	width:20.4%;
	font-family:"Univers";
	font-weight:400;
	/*font-weight:bold;*/
}
b {
	font-weight:700;
}
#nav .infocontainer div.contact {
	float:right;
	padding:9px 0;
	margin-right:0;
}
#nav .contact a {
	display:block;
	background-color:#FAFAFA;
	padding:9px 12px;
	/*font-weight:bold;*/
	font-family:"Univers";
	font-weight:700;
	border-radius:4px;
}
.intro #nav .contact a {
	background-color:#EAEAEA;
}
.project #nav .contact a {
	color:#FAFAFA;
	background-color:#666666;
}
.contactpage #nav .contact a {
	color:#2fb09e;
}
.toc h1 {
	font-size:120px;
	font-weight:400;
	position:relative;
	padding:0;
	line-height:114px;
	letter-spacing:-2px;
}
h2 {
	font-size:58px;
	line-height:62px;
	margin-bottom:62px;
}
h2 a {
	background-image: linear-gradient(to right, #4444443A, #4444443A);
  	background-position: 0 1.13em;
  	background-repeat: repeat-x;
  	background-size: 2px 3px;
	text-shadow:
		-4px -4px #FAFAFA,
		-4px 4px #FAFAFA,
		4px -4px #FAFAFA,
		4px 4px #FAFAFA;
}
.contactpage h2 {
    font-size:80px;
    line-height:88px;
}
.contactpage h2 a {
	color:#F2F2F2;
	background-image: linear-gradient(to right, #F2F2F23A, #F2F2F23A);
  	background-position: 0 1.13em;
  	background-repeat: repeat-x;
  	background-size: 2px 3px;
	text-shadow:
		-4px -4px #2fb09e,
		-4px 4px #2fb09e,
		4px -4px #2fb09e,
		4px 4px #2fb09e;
}
.toc.infocontainer {
	margin-top:120px;
}
/*
.toc li a:hover {
	font-style:italic;
}
*/
.col1 {
	margin-left:0;
}
.col2 {
	margin-left:20.4%;
}
.col3 {
	margin-left:40.8%;
}
.col4 {
	margin-left:61.2%;
}
.col5 {
	margin-left:81.6%;
}

.number {
	position:absolute;
	/*font-weight:bold;*/
	margin-top:12px;
	width:20px;
	left:-28px;
	height:24px;
	letter-spacing:0;
	text-align:right;
}

.section {
	margin-left:20.4%;
	/*font-weight:bold;*/
	font-weight:600;
	margin-bottom:28px;
}
.toc_list li {
	padding-bottom:36px;
}
.toc_list {
	margin-bottom:120px;
}



body.project {
	color:#EAEAEA;
	background-color:#444444;
}
.project #nav a {
	color:#EAEAEA;
}
.project #nav {
    background-color:#292929;
    z-index:200;
}
.contactpage #nav a {
	color:#F2F2F2;
}
#lightbox {
	background-color:#292929;
}

.projecttitle {
	font-size:68px;
	line-height:64px;
	position:relative;
	margin-top:48px;
	margin-bottom:72px;
}
.project #description {
	width:38.8%;
	margin-bottom:72px;
	font-size:21px;
	line-height:30px;
}
#projectdata {
	width:100%;
}
#projectdata .data {
	width:18.4%;
	float:left;
	margin-right:2%;
}
#projectdata .data:first-of-type {
	margin-left:20.4%;
}
.dataheading {
	font-style:italic;
	border-bottom:1px solid;
	margin-bottom:8px;
	font-size:17px;
}
#projectdata a {
	color:#EAEAEA;
	display:block;
}
#projectnav {
	width:38.8%;
	margin:72px 0 108px 0;
	opacity:.6;
	display:block;
	color:#EAEAEA;
}
#projectnav:hover {
	opacity:1;
}
#projectnav.next {
	float:right;
}
#projectnav.prev {
	float:left;
}
#projectnav p {
	font-size:42px;
	line-height:40px;
	margin-top:18px;
}

.lightboxcontainer {
	padding-top:96px;
	padding-bottom:36px;
	position:relative;
}
.helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
.lightboxcontainer img {
	vertical-align: middle;
	display:inline-block;
	max-height:600px;
	max-width:950px;
}
.lightboxcontainer video {
    width:950px;
    height:600px;
}
.slick-prev, .slick-next {
    padding:300px 20px;
	position:absolute;
	top:96px;
	cursor:pointer;
	z-index:100;
	opacity:.7;
}
.slick-prev img, .slick-next img {
    width:20px;
}
.slick-prev {
	left:0;
	padding-right:36px;
}
.slick-next {
	right:0;
	padding-left:36px;
}
.slick-slide:not(.slick-current) {
	scale:.8;
	opacity:.2;
}
.slick-slide {
	padding:12px 36px;
	height:600px;
}
.slick-dots {
	margin-top:24px;
	text-align:center;
}
.slick-dots li {
	display:inline;
	opacity:.4;
}
.slick-dots li.slick-active {
	opacity:1;
}
.slick-dots button {
	background-color:#EAEAEA;
	font-size:0;
	height:2px;
	padding:0;
	border:none;
	width:28px;
	margin:0 1px;
}

@media (min-width:906px) and (max-width:1050px) {

.lightboxcontainer img {
	max-height:533px;
	max-width:800px;
}
.lightboxcontainer video {
    width:800px;
    height:533px;
}
.slick-slide {
	height:533px;
}

.slick-prev, .slick-next {
	padding-top:266px;
	padding-bottom:266px;
}
.contactpage h2 {
    font-size:68px;
    line-height:74px;
}

.toc h1 {
    font-size:100px;
    line-height:95px;
}
.toc_list li {
    padding-bottom:32px;
}
.project #description {
	width:59.2%;
}

}

@media (min-width:805px) and (max-width:905px) {
 
.col2, .section {
    /* 22 4 48 4 74 4 100 */
    margin-left:13%;
}
.col3 {
    margin-left:41%;
}
.col4, .col5 {
    margin-left:67%;
}

#nav .home {
	width:inherit;
	margin-right:24px;
}

.lightboxcontainer img {
	max-height:466px;
	max-width:700px;
}
.lightboxcontainer video {
    height:466px;
    width:700px;
}
.slick-slide {
	height:466px;
}

.slick-prev, .slick-next {
	padding-top:233px;
	padding-bottom:233px;
}

h2 a {
  	background-size: 2px 2px;
	text-shadow:
		-2px -2px #FAFAFA,
		-2px 2px #FAFAFA,
		2px -2px #FAFAFA,
		2px 2px #FAFAFA;
}
h2 {
    font-size:48px;
    line-height:49px;
    margin-bottom:49px;
}
.contactpage h2 {
    font-size:62px;
    line-height:67px;
}
.toc h1 {
    font-size:90px;
    line-height:87px;
}
.toc_list li {
    padding-bottom:29px;
}
.projecttitle {
    font-size:56px;
    line-height:55px;
}
.project #description {
	width:74%;
}
#projectnav {
	width:48%;
}
#projectnav p {
    font-size:36px;
    line-height:35px;
    margin-top:14px;
}
    
}

@media (min-width:700px) and (max-width:804px) {

.col2, .section {
    /* 22 4 48 4 74 4 100 */
    margin-left:13%;
}
.col3 {
    margin-left:41%;
}
.col4, .col5 {
    margin-left:67%;
}

#nav .home {
	width:inherit;
	margin-right:24px;
}

.lightboxcontainer img {
	max-height:400px;
	max-width:600px;
}
.lightboxcontainer video {
    height:400px;
    width:600px;
}
.slick-slide {
	height:400px;
}

.slick-prev, .slick-next {
	padding-top:200px;
	padding-bottom:200px;
}

.contactpage h2 {
    font-size:62px;
    line-height:67px;
}
.toc h1 {
    font-size:77px;
    line-height:75px;
}
.toc_list li {
    padding-bottom:24px;
}
h2 a {
  	background-size: 2px 2px;
	text-shadow:
		-2px -2px #FAFAFA,
		-2px 2px #FAFAFA,
		2px -2px #FAFAFA,
		2px 2px #FAFAFA;
}
h2 {
    font-size:48px;
    line-height:49px;
    margin-bottom:49px;
}
.projecttitle {
    font-size:56px;
    line-height:55px;
}
.project #description {
	width:74%;
}
#projectnav {
	width:48%;
}
#projectnav p {
    font-size:36px;
    line-height:35px;
    margin-top:14px;
}

}

@media (min-width:600px) and (max-width:699px) {

.col2, .section {
    /* 22 4 48 4 74 4 100 */
    margin-left:13%;
}
.col3 {
    margin-left:41%;
}
.col4, .col5 {
    margin-left:67%;
}

#nav .home {
	width:inherit;
	margin-right:24px;
}

.lightboxcontainer img {
	max-height:333px;
	max-width:500px;
}
.lightboxcontainer video {
    height:333px;
    width:500px;
}
.slick-slide {
	height:333px;
}

.slick-prev, .slick-next {
	padding-top:166px;
	padding-bottom:166px;
}

.contactpage h2 {
    font-size:50px;
    line-height:53px;
}
.toc h1 {
    font-size:68px;
    line-height:64px;
}
.toc_list li {
    padding-bottom:22px;
}
h2 a {
  	background-size: 2px 2px;
	text-shadow:
		-2px -2px #FAFAFA,
		-2px 2px #FAFAFA,
		2px -2px #FAFAFA,
		2px 2px #FAFAFA;
}
h2 {
    font-size:42px;
    line-height:44px;
    margin-bottom:44px;
}
.projecttitle {
    font-size:50px;
    line-height:49px;
}
.project #description {
	width:74%;
}
#projectnav {
	width:48%;
}
#projectnav p {
    font-size:34px;
    line-height:33px;
    margin-top:12px;
}

}

@media (min-width:500px) and (max-width:599px) {

.toc.infocontainer {
    margin-top:90px;
}
.infocontainer {
	padding:0 28px;
}
.col1, .col2 {
    /* 22 4 48 4 74 4 100 */
    margin-left:28px;
}
.col3, .section {
    margin-left:26%;
}
.section {
    margin-bottom:20px;
}
.col4, .col5 {
    margin-left:52%;
}

#nav .home {
	width:inherit;
	margin-right:24px;
}

.lightboxcontainer img {
	max-height:266px;
	max-width:400px;
}
.lightboxcontainer video {
    height:266px;
    width:400px;
}
.slick-slide {
	height:266px;
}

.slick-prev, .slick-next {
	padding-top:133px;
	padding-bottom:133px;
}

.contactpage h2 {
    font-size:48px;
    line-height:51px;
}
.toc h1 {
    font-size:72px;
    line-height:69px;
}
.toc_list li {
    padding-bottom:24px;
}
.toc_list {
    margin-bottom:72px;
}
h2 a {
  	background-size: 2px 2px;
	text-shadow:
		-1.8px -1.8px #FAFAFA,
		-1.8px 1.8px #FAFAFA,
		1.8px -1.8px #FAFAFA,
		1.8px 1.8px #FAFAFA;
}
h2 {
    font-size:42px;
    line-height:45px;
    margin-bottom:45px;
}
.projecttitle {
    font-size:48px;
    line-height:47px;
    margin-bottom:47px;
}
.project #description {
	width:inherit;
	padding-right:28px;
	margin-bottom:48px;
}
#projectnav {
	width:48%;
}
#projectnav p {
    font-size:34px;
    line-height:33px;
    margin-top:12px;
}

}

@media (min-width:360px) and (max-width:499px) {

.toc.infocontainer {
    margin-top:70px;
}
.infocontainer {
	padding:0 16px;
}
.col1, .col2 {
    /* 22 4 48 4 74 4 100 */
    margin-left:16px;
}
.col3, .section {
    margin-left:26%;
}
.col4, .col5 {
    margin-left:52%;
}
.section {
    margin-bottom:14px;
}

#nav .home {
	width:inherit;
	margin-right:16px;
}
#nav .infocontainer div.work {
    margin-right:16px;
}
#nav .infocontainer div.about {
    margin-right:0;
}

.slick-prev, .slick-next {
	visibility:hidden;
}

.contactpage h2 {
    font-size:36px;
    line-height:38px;
}
h2 {
    font-size:30px;
    line-height:33px;
    margin-bottom:33px;
}
h2 a {
  	background-size: 2px 2px;
	text-shadow:
		-1.5px -1.5px #FAFAFA,
		-1.5px 1.5px #FAFAFA,
		1.5px -1.5px #FAFAFA,
		1.5px 1.5px #FAFAFA;
}
.toc h1 {
    font-size:52px;
    line-height:50px;
}
.toc_list li {
    padding-bottom:18px;
}
.toc_list {
    margin-bottom:52px;
}
.projecttitle {
    font-size:36px;
    line-height:36px;
	margin-bottom:48px;
}
.number {
	position:absolute;
	/*font-weight:bold;*/
	font-size:10px;
	margin-top:6px;
	width:20px;
	left:-22px;
	height:16px;
	letter-spacing:0;
	text-align:right;
}
.project #description {
	width:inherit;
	padding-right:16px;
	margin-bottom:48px;
	font-size:17px;
	line-height:22px;
}
#projectnav {
	width:46%;
	margin-top:24px;
}
#projectnav p {
    font-size:24px;
    line-height:23px;
    margin-top:12px;
}

}

@media (min-width:450px) and (max-width:499px) {
    
.lightboxcontainer img {
	max-height:270px;
	max-width:410px;
}
.lightboxcontainer video {
    height:270px;
    width:410px;
}
.slick-slide {
	height:270px;
}

}

@media (min-width:400px) and (max-width:449px) {
    
.lightboxcontainer img {
	max-height:240px;
	max-width:360px;
}
.lightboxcontainer video {
    height:240px;
    width:360px;
}
.slick-slide {
	height:240px;
}

}

@media (min-width:340px) and (max-width:399px) {
    
.lightboxcontainer img {
	max-height:220px;
	max-width:330px;
}
.lightboxcontainer video {
    height:220px;
    width:330px;
}
.slick-slide {
	height:220px;
}

}

@media (max-width:339px) {
    
.lightboxcontainer img {
	max-height:200px;
	max-width:300px;
}
.lightboxcontainer video {
    height:200px;
    width:300px;
}
.slick-slide {
	height:200px;
}

}
@media (max-width:359px) {

.toc.infocontainer {
    margin-top:60px;
}
.infocontainer {
	padding:0 16px;
}
.col1, .col2 {
    /* 22 4 48 4 74 4 100 */
    margin-left:16px;
}
.col3, .section {
    margin-left:26%;
}
.col4, .col5 {
    margin-left:52%;
}
.section {
    margin-bottom:14px;
}

#nav {
    font-size:12.5px;
}
#nav .home {
	width:inherit;
	margin-right:16px;
}
#nav .infocontainer div.work {
    margin-right:16px;
}
#nav .infocontainer div.about {
    margin-right:0;
}

.slick-prev, .slick-next {
	visibility:hidden;
}

.contactpage h2 {
    font-size:32px;
    line-height:34px;
}
h2 {
    font-size:25px;
    line-height:28px;
    margin-bottom:28px;
}
h2 a {
  	background-size: 2px 2px;
	text-shadow:
		-1.5px 1.5px #FAFAFA,
		-1.5px 1.5px #FAFAFA,
		1.5px 1.5px #FAFAFA,
		1.5px 1.5px #FAFAFA;
}
.contactpage h2 a {
  	background-size: 2px 2px;
	text-shadow:
		-1.5px 1.5px #2fb09e,
		-1.5px 1.5px #2fb09e,
		1.5px 1.5px #2fb09e,
		1.5px 1.5px #2fb09e;
}
.toc h1 {
    font-size:52px;
    line-height:50px;
}
.toc_list li {
    padding-bottom:18px;
}
.toc_list {
    margin-bottom:52px;
}
.projecttitle {
    font-size:36px;
    line-height:36px;
	margin-bottom:48px;
}
.number {
	position:absolute;
	/*font-weight:bold;*/
	font-size:10px;
	margin-top:6px;
	width:20px;
	left:-22px;
	height:16px;
	letter-spacing:0;
	text-align:right;
}
.project #description {
	width:inherit;
	padding-right:16px;
	margin-bottom:48px;
	font-size:17px;
	line-height:22px;
}
#projectnav {
	width:46%;
	margin-top:24px;
}
#projectnav p {
    font-size:21px;
    line-height:20px;
    margin-top:10px;
}

}