body{background:rgb(249,204,106);font-family: 'Montserrat', sans-serif;}
img { display:block; border:0; vertical-align:middle; -ms-interpolation-mode:bicubic; }
.img-max { width:100%; height:auto; }
a{text-decoration:none;color:rgb(0,0,0);transition:all .6s ease 0s;-moz-transition:all .6s ease 0s;-webkit-transition:all .6s ease 0s;-o-transition:all .6s ease 0s;}
a:hover{color:rgb(75,75,75);}


/* Mobile First */
/** Navigation **/
nav{display:block;margin-top:32px;}
nav h1{font-weight:700;font-size:43px;line-height:1.2em;text-align:left;}
nav ul{text-align:left}
nav li {display:inline;padding:0 4px;}
nav li:first-child{padding:0 4px 0 0;}

/** Splash **/
#splashWrap {min-height:100vh;display:flex;align-items:center;justify-content:center;}

/** Reel **/
#reel {margin:64px 0;}
#reel .project{margin-bottom:32px;}
#reel img{-webkit-filter: grayscale(100%);-webkit-transition: .5s ease-in-out;-moz-filter: grayscale(100%);-moz-transition: .5s ease-in-out;-o-filter: grayscale(100%);-o-transition: .5s ease-in-out;}
#reel img:hover{-webkit-filter: grayscale(0%);-webkit-transition: .5s ease-in-out;-moz-filter: grayscale(0%);-moz-transition: .5s ease-in-out;-o-filter: grayscale(0%);-o-transition: .5s ease-in-out;}
#reel .img-wrap{position:relative;width:100%}
#reel .img-caption{position:absolute;z-index:0;bottom:50px;padding-left:32px;color:rgb(249,204,106);}
#reel .img-caption .client{font-weight:700;font-size:40px;text-transform:uppercase;}
#reel .img-caption .name{font-size:28px;}

/** News **/
#news {margin:64px 0;}
#news h1{font-weight:700;font-size:43px;line-height:1.2em;}
#news .article-date{font-size:14px;}
#news .article-text{padding:16px 0;}
#news .article-text p{padding-bottom:16px;font-size:18px;line-height:1.4em;font-family:'Cardo', serif;}
#news .article-text strong{font-weight:700;}
#news .article-text em{font-style:italic;}
#news figure{margin:0 auto;text-align:center;margin-bottom:16px;}

/** Contact **/
#contactWrap {min-height:100vh;display:flex;align-items:center;justify-content:center;}
#contact {display:block;}
#contact div.meta{font-size:14px;line-height:1.4em;}
#contact div.company{font-weight:700;font-size:28px;text-transform:uppercase;}
#contact div.general{padding-top:24px;}

/** Footer **/
footer {text-align:center;}


/* Tablet (Smaller than 959px) */
@media (min-width: 768px) {

}

/* Screen Smaller than 960px */
@media (min-width: 960px) {

}

/* Mobile */
@media only screen and (max-width: 767px) {
	nav ul{text-align:center;}
	nav h1{text-align:center;}
	nav li {display:block;padding:16px 0;}
	nav li:first-child{padding:16px 0;}
}