/* RESETS */
html,button,input,select,textarea {color: #222;}
body {font-size: 1em; line-height: 1.4;}
::-moz-selection {background: #b3d4fc;text-shadow: none;}
::selection {background: #b3d4fc; text-shadow: none;}
hr {display: block;height: 1px;border: 0;border-top: 1px solid #ccc;margin: 1em 0;padding: 0;}
img {vertical-align: middle;}
fieldset {border: 0;margin: 0;padding: 0;}
textarea {resize: vertical;}
.chromeframe {margin: 0.2em 0;background: #ccc;color: #000;padding: 0.2em 0;}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0;}
table { border-collapse:collapse;border-spacing:0;}
fieldset,img { margin:0; padding:0; border:0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym { border:0;}

/* COMMON */
html{background:url(../img/wood_background.jpg) center center fixed #212222; background-size:cover;}
body{color:#fff; font-family:'adelle-sans','Helvetica Neue', Helvetica, Arial, sans-serif;  -webkit-font-smoothing:antialiased}
.hideText {float:left; height: 0; overflow: hidden; position: relative;text-indent: -9999px;}
a, a img, a:hover, a:hover img, .animate{ -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; -ms-transition: all .5s ease-out;-o-transition: all .5s ease-out; transition: all .5s ease-out; text-decoration: none;}
a.quick, a.quick img, a.quick:hover, a.quick:hover img, .animate:hover{ -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; -ms-transition: all .2s ease-out;-o-transition: all .2s ease-out; transition: all .2s ease-out;}
img.imageScale{max-width:100%;}
hr{height:2px; background: #353637; border:0;}
.hide{display:none;}

div.wrapper{position:relative; margin:0 auto; width:1440px;}
div.container{width:1000px; margin:0 auto; }
div.content{background:rgba(42,43,44,.80)}

/* HEADER */
div.header{position:fixed; left:0; top:0; width:100%; text-align:center; z-index:100;}
div.header div.container{width:1440px; height:160px; position:relative;}
div.header div.branding{float:left; margin:40px 0 0 70px; text-align: left; z-index:10; position:relative;}
div.header div.branding div.logomark{width:85px; height:85px; float:left;}
div.header div.branding div.logomark a{opacity:1;}
div.header div.branding div.logomark a:hover{opacity:.8;}
div.header div.branding div.title{float:left; margin:20px 0 0 18px;}
div.header div.branding div.title h1{font-weight:600; font-size:106.25%; color:#fff;}
div.header div.branding div.title h1 span.description{font-family:'adelle-sans','Helvetica Neue', Helvetica, Arial, sans-serif; font-size:75%; letter-spacing:1px; text-transform: uppercase; color:#e1e1e1;}
div.header div.branding div.title h1 span.accent{color:#65c9de;}
div.header ul.navigation{float:right; margin:68px 60px 0 0; text-align: left; z-index:10; position:relative;}
div.header ul.navigation li{float:left; margin:0 50px 0 0; position:relative;}
div.header ul.navigation li:last-child{margin:0}
div.header ul.navigation li a{padding:20px 0; font-size:80%; color:#fff; font-weight:700; letter-spacing:1px; text-transform: uppercase; opacity:.8;}
div.header ul.navigation li a:hover{opacity:1;}
.hover a::after {position: absolute; top: 120%; left: 0; width: 100%; height: 2px; background: rgba(101,201,222,1);content: '';opacity: 0;-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;-moz-transition: opacity 0.3s, -moz-transform 0.3s;transition: opacity 0.3s, transform 0.3s;-webkit-transform: translateY(4px);-moz-transform: translateY(4px);transform: translateY(4px);}
.hover a:hover::after,.hover a:focus::after {opacity: .9; -webkit-transform: translateY(0px);-moz-transform: translateY(0px);transform: translateY(0px);}
div.header div.menu{position:absolute; top:67px; right:60px; width:16px; height:12px; z-index:10;}
div.header div.navBackground{position:absolute; width:100%; height:100%; top:0; left:0;  z-index:0; opacity:0; background: -moz-linear-gradient(top,  rgba(42,43,44,1) 0%, rgba(42,43,44,0.9) 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(42,43,44,1)), color-stop(100%,rgba(42,43,44,0.9)));background: -webkit-linear-gradient(top,  rgba(42,43,44,1) 0%,rgba(42,43,44,0.9) 100%);background: -o-linear-gradient(top,  rgba(42,43,44,1) 0%,rgba(42,43,44,0.9) 100%);background: -ms-linear-gradient(top,  rgba(42,43,44,1) 0%,rgba(42,43,44,0.9) 100%);background: linear-gradient(to bottom,  rgba(42,43,44,1) 0%,rgba(42,43,44,0.9) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a2b2c', endColorstr='#e62a2b2c',GradientType=0 );}

/* INTRO */
div.intro{background: url(../img/intro_background.jpg) 50% 50% #353637; background-size:cover; height:700px;}
div.intro div.introText{padding:290px 0 0 0; font-weight:100; font-size:160%; line-height: 200%; color:#d1d1d1;}
div.intro div.introText span.highlight{font-weight:500; color:#fff;}
div.intro div.introText span.last{display:block;}

/* WORK */
div.work{padding:180px 0 0 0;}
div.workDetail{margin:0 0 200px 0;}
div.workDetail div.info{margin:0 0 40px 0; width:100%;}
div.workDetail div.info div.main{float:left; width:50%;}
div.workDetail div.info div.main h3{font-weight:700; font-size:130%; text-transform: uppercase; }
div.workDetail div.info div.main span.detail{display:block; font-family: "kulturista-web", georgia, serif; font-size:93.75%; opacity:.9;}
div.workDetail div.info div.main span.tasks{display:block; margin:9px 0 0 0; width:80%; font-size:87.5%; color:#cfcfd0; }
div.workDetail div.info div.main span.notes{display:block; margin:7px 0 0 0; font-family: "kulturista-web", georgia, serif; font-size:75%; font-style: italic; color:#979799;}
div.workDetail div.info div.main span.notes a{color:#cfcfd0; }
div.workDetail div.info div.main span.notes a:hover{color:#fff;}
div.workDetail div.info div.various{width:100%;}
div.workDetail div.info div.description{float:left; width:50%; }
div.workDetail div.info div.description p.description{margin:3px 0 0 0; color:#cfcfd0; line-height: 25px; font-size:93.75%;}
div.workDetail div.info div.description p.description a{margin:0 0 0 5px; color:#cfcfd0; font-weight: 700; font-size:80%; text-transform: uppercase; letter-spacing: 1px}
div.workDetail div.info div.description p.description a:hover{color:#fff;}
div.workDetail div.images{}
div.workDetail div.images div.imageContainer{margin:0 0 10px 0;}
div.workDetail div.images div.squareLeft{float:left; width:49.5%;}
div.workDetail div.images div.squareRight{float:right; width:49.5%;}
div.workDetail div.images div.full{float:left; width:100%;}

/* BIO */
div.bio{padding:160px 0 0 0; }
div.bio h2{font-size:250%; font-weight:100; opacity:.9; text-transform: uppercase; letter-spacing: -1px}
div.bio h3{font-weight:700; font-size:125%; text-transform: uppercase; letter-spacing: 1px;}
div.bio span.description{display:block; margin:5px 0 0 0; font-family: "kulturista-web", georgia, serif; font-size:87.5%; font-style: italic; color:#cfcfd0;}
div.bio div.bioIntro{margin:40px 0 100px 0;}
div.bio div.bioIntro ul{}
div.bio div.bioIntro ul li{float:left; width:24.2%; margin:0 10px 0 0;}
div.bio div.bioIntro ul li:last-child{margin:0;}
div.bio div.bioIntro p{margin:25px 0 0 0; font-weight:300; font-size:106.25%; line-height: 220%;}
div.bio div.bioIntro p span.bullet{margin:0 10px; color:rgba(101,201,222,1);}
div.bio div.bioBrand{margin:100px 0 60px;}
div.bio div.bioBrand ul{}
div.bio div.bioBrand ul li{float:left; width:16.5%;}
div.bio div.bioBrand ul li:last-child{}
div.bio div.bioWish{margin:100px 0; width:100%;}
div.bio div.bioWish ul.left{float:left; margin:30px 0 0 0; width:50%;}
div.bio div.bioWish ul.right{float:left; margin:30px 0 0 0; width:50%;}
div.bio div.bioWish ul li{position:relative; margin:0 0 35px 0; padding:0 30px; font-size:132.5%; font-weight:300;}
div.bio div.bioWish ul li:last-child{margin:0}
div.bio div.bioWish ul li span.number{position:absolute; top:3px; left:0; margin:0 5px 0 0; font-family: "kulturista-web", georgia, serif; font-size:68%; font-weight: 700; line-height: 200%; color:rgba(101,201,222,1)}
div.bio div.bioQuotes {margin:100px 0;}
div.bio div.bioQuotes div.quote{width:50%; float:left;}
div.bio div.bioQuotes div.quote p{width:80%; line-height: 200%;}
div.bio div.bioQuotes div.quote p span.source{display:block; font-family: "kulturista-web", georgia, serif; font-size:81.25%; margin:5px 0 0 0; color:#cfcfd0;}
div.bio div.bioQuotes div.quote p span.source span.bullet{color:rgba(101,201,222,1);}
div.bio div.bioQuotes div.quote p span.source a{color:#cfcfd0;;}
div.bio div.bioQuotes div.quote p span.source a:hover{color:#fff;}

/* CONTACT */
div.contact{padding:160px 0 160px 0; }
div.contact h2{font-size:250%; font-weight:100; opacity:.9; text-transform: uppercase; letter-spacing: -1px}
div.contact span.description{display:block; margin:10px 0 20px 0; line-height: 160%;}
div.contact div.contactFormContainer{width:100%; margin:0 0 160px 0;}
div.contact div.contactForm{float:left; width:65%; margin:25px 0 0 0;}
div.contact div.contactForm form{}
div.contact div.contactForm form div.inputContainer{margin:10px 0 0 0;}
div.contact div.contactForm form input{font-family:'adelle-sans','Helvetica Neue', Helvetica, Arial, sans-serif; padding:0 20px; width:604px; height:54px; border:3px solid #353637; background:transparent; font-size:100%; line-height:20px; color:#fff; font-weight:100;}
div.contact div.contactForm form input:focus {background:#222223; border:3px solid #959596;}
div.contact div.contactForm form input:hover {border:3px solid #5f6061;}
div.contact div.contactForm form textarea{font-family:'adelle-sans','Helvetica Neue', Helvetica, Arial, sans-serif; width:604px; height:154px; border:3px solid #353637; font-size:100%; line-height:20px; padding:20px; background:transparent; color:#fff; font-weight:100;}
div.contact div.contactForm form textarea:focus {background:#222223 ; border:3px solid #959596;}
div.contact div.contactForm form textarea:hover {border:3px solid #5f6061;}
div.contact div.contactForm form input.button{font-family:'adelle-sans','Helvetica Neue', Helvetica, Arial, sans-serif; margin:10px 0 0 0; font-weight:500; width:650px; height:60px; text-align:left; line-height:50px; letter-spacing:1px; font-size:100%; color:#fff; text-transform:uppercase; background: url(../img/arrow.png) 98% 50% no-repeat #404142; cursor: pointer; border:0;}
div.contact div.contactForm form input.button:hover{background: url(../img/arrow.png) 97% 50% no-repeat #636466;}
div.contact div.contactForm div.formError{text-align:center; margin:15px 0 0 0; padding:8px; display:none; font-size:100%;}
div.contact div.contactForm div.formConfirmation{text-align:center; margin:15px 0 0 0; padding:8px; display:none; font-size:100%;}
div.contact div.contactLinks{float:right; width:30%; margin:35px 0 0 0;}
div.contact div.contactLinks ul{}
div.contact div.contactLinks ul li{border-bottom:1px solid rgba(0,0,0,.2);}
div.contact div.contactLinks ul li:last-child{border-bottom:0px;}
div.contact div.contactLinks ul li a{display:block; padding:0 0 0 18px; font-size:93.75%; height:52px; line-height: 52px; color:#fff;}
div.contact div.contactLinks ul li.email a:hover{ background:#00c0ff;}
div.contact div.contactLinks ul li.dribbble a:hover{ background:#e04d84;}
div.contact div.contactLinks ul li.behance a:hover{ background:#4176fa;}
div.contact div.contactLinks ul li.twitter a:hover{ background:#5ea9dd;}
div.contact div.contactLinks ul li.linkedin a:hover{ background:#0274b3;}
div.contact div.contactLinks ul li.angel a:hover{ background:#666;}
div.contact div.contactLinks ul li.rdio a:hover{ background:#178dcd;}
div.contact div.contactLinks ul li a span{display:block; width:52px; height:52px; float:right;}

/* THANKS */
div.thanks{padding:80px 0; background:#242526;}
div.thanks div.description{float:left; margin:15px 0 0 0; width:65%; font-size:82.5%; line-height: 170%; color:#cfcfd0;}
div.thanks div.WSC-Cali{float:right; width:15%;}
div.thanks div.WSC-Cali div.imageContainer{width:60px; margin:0 auto 5px;}
div.thanks div.WSC-Cali span{display:block; text-align:center; font-size:60%; text-transform: uppercase; color:#cfcfd0; letter-spacing:1px;}

/* MEDIA QUERIES*/
@media only screen and (max-width : 479px) and (min-width : 320px) {
    /* mobile portrait */
    html{background-image:none}
    div.wrapper{width:100%;}
    div.container{width:280px;}
    div.header{position:relative;}
    div.header div.container{width:100%;}
    div.header div.branding{float:left; margin:40px 0 0 20px;}
    div.header div.branding div.title{float:left; margin:20px 0 0 12px;}
    div.header ul.navigation{display:none;}
    div.header div.menu{display:none;}
    div.intro{height:300px;}
    div.intro div.introText{font-size:120%; line-height:160%; padding:45px 0 0 0; }
    div.intro div.introText span.last{display:inline;}
    div.work{padding:100px 0 0 0;}
    div.workDetail{margin:0 0 150px 0;}
    div.workDetail div.info{display:block; width:100%;}
    div.workDetail div.info div.main{width:100%;}
    div.workDetail div.info div.description{display:none;}
    div.workDetail div.images div.imageContainer{float:left; width:100%;}
    div.bio{padding:0; }
    div.bio div.bioIntro{margin:40px 0 60px 0;}
    div.bio div.bioIntro ul li{float:left; width:100%; margin:0 0 8px 0;}
    div.bio div.bioIntro p{font-size:100%; line-height: 160%;}
    div.bio div.bioBrand{margin:60px 0 30px;}
    div.bio div.bioBrand ul li{float:left; width:50%;}
    div.bio div.bioWish{margin:60px 0;}
    div.bio div.bioWish ul.left{float:left; margin:30px 0 0 0; width:100%;}
    div.bio div.bioWish ul.right{float:left; margin:30px 0 0 0; width:100%;}
    div.bio div.bioWish ul li{font-size:100%;}
    div.bio div.bioWish ul li span.number{line-height: 160%;}
    div.bio div.bioQuotes {margin:60px 0; font-size:100%; line-height: 160%}
    div.bio div.bioQuotes div.quote{width:100%; float:left; margin:0 0 40px 0;}
    div.bio div.bioQuotes div.quote p{width:100%;}
    div.contact{padding:80px 0 60px 0; }
    div.contact div.contactFormContainer{margin:0 0 80px 0;}
    div.contact div.contactForm{display:none;}
    div.contact div.contactLinks{float:left; width:100%; margin:20px 0 0 0;}
    div.contact div.contactLinks ul li a{height:70px; line-height: 70px; color:#fff; font-size: 100%;}
    div.thanks{padding:60px 0;}
    div.thanks div.description{float:none; margin:15px 0 0 0; width:100%;}
    div.thanks div.WSC-Cali{float:none; width:100%; margin:20px auto;}
}
@media only screen and (max-width : 567px) and (min-width : 480px) {
    /* mobile landscape old school */
    html{background-image:none}
    div.wrapper{width:100%;}
    div.container{width:440px;}
    div.header{position:relative;}
    div.header div.container{width:100%;}
    div.header div.branding{float:left; margin:40px 0 0 30px;}
    div.header ul.navigation{display:none;}
    div.header div.menu{display:none;}
    div.intro{height:400px;}
    div.intro div.introText{font-size:130%; padding:90px 0 0 0; }
    div.intro div.introText span.last{display:inline;}
    div.work{padding:100px 0 0 0;}
    div.workDetail{margin:0 0 150px 0;}
    div.workDetail div.info{display:block; width:100%;}
    div.workDetail div.info div.main{width:100%;}
    div.workDetail div.info div.description{display:none;}
    div.workDetail div.images div.imageContainer{float:left; width:100%;}
    div.bio{padding:50px 0 0 0; }
    div.bio div.bioIntro{margin:40px 0 60px 0;}
    div.bio div.bioIntro ul li{float:left; width:48%; margin:0 8px 8px 0;}
    div.bio div.bioIntro p{font-size:112.5%; line-height: 200%;}
    div.bio div.bioBrand{margin:60px 0 30px;}
    div.bio div.bioBrand ul li{float:left; width:33%;}
    div.bio div.bioWish{margin:60px 0;}
    div.bio div.bioWish ul.left{float:left; margin:30px 0 0 0; width:100%;}
    div.bio div.bioWish ul.right{float:left; margin:30px 0 0 0; width:100%;}
    div.bio div.bioWish ul li{font-size:112.5%;}
    div.bio div.bioQuotes {margin:60px 0; font-size:100%;}
    div.bio div.bioQuotes div.quote{width:100%; float:left; margin:0 0 40px 0;}
    div.bio div.bioQuotes div.quote p{width:100%;}
    div.contact{padding:80px 0 60px 0; }
    div.contact div.contactFormContainer{margin:0 0 80px 0;}
    div.contact div.contactForm{display:none;}
    div.contact div.contactLinks{float:left; width:100%; margin:20px 0 0 0;}
    div.contact div.contactLinks ul li a{height:70px; line-height: 70px; color:#fff; font-size: 100%;}
    div.thanks{padding:60px 0;}
    div.thanks div.description{float:none; margin:15px 0 0 0; width:100%;}
    div.thanks div.WSC-Cali{float:none; width:100%; margin:20px auto;}
}
@media only screen and (max-width : 767px) and (min-width : 568px) {
    /* mobile landscape new school */
    html{background-image:none}
    div.wrapper{width:100%;}
    div.container{width:500px;}
    div.header{position:relative;}
    div.header div.container{width:100%;}
    div.header div.branding{float:left; margin:40px 0 0 30px;}
    div.header ul.navigation{display:none;}
    div.header div.menu{display:none;}
    div.intro{height:400px;}
    div.intro div.introText{font-size:150%; padding:80px 0 0 0; }
    div.intro div.introText span.last{display:inline;}
    div.work{padding:100px 0 0 0;}
    div.workDetail{margin:0 0 150px 0;}
    div.workDetail div.info{display:block; width:100%;}
    div.workDetail div.info div.main{width:100%;}
    div.workDetail div.info div.description{display:none;}
    div.workDetail div.images div.imageContainer{float:left; width:100%;}
    div.bio{padding:50px 0 0 0; }
    div.bio div.bioIntro{margin:40px 0 60px 0;}
    div.bio div.bioIntro ul li{float:left; width:48%; margin:0 8px 8px 0;}
    div.bio div.bioIntro p{font-size:112.5%; line-height: 200%;}
    div.bio div.bioBrand{margin:60px 0 30px;}
    div.bio div.bioBrand ul li{float:left; width:33%;}
    div.bio div.bioWish{margin:60px 0;}
    div.bio div.bioWish ul.left{float:left; margin:30px 0 0 0; width:100%;}
    div.bio div.bioWish ul.right{float:left; margin:30px 0 0 0; width:100%;} 
    div.bio div.bioWish ul li{font-size:112.5%;}
    div.bio div.bioQuotes {margin:60px 0; font-size:100%;}
    div.bio div.bioQuotes div.quote{width:100%; float:left; margin:0 0 40px 0;}
    div.bio div.bioQuotes div.quote p{width:100%;}
    div.contact{padding:80px 0 60px 0; }
    div.contact div.contactFormContainer{margin:0 0 80px 0;}
    div.contact div.contactForm{display:none;}
    div.contact div.contactLinks{float:left; width:100%; margin:20px 0 0 0;}
    div.contact div.contactLinks ul li a{height:70px; line-height: 70px; color:#fff; font-size: 100%;}
    div.thanks{padding:60px 0;}
    div.thanks div.description{float:none; margin:15px 0 0 0; width:100%;}
    div.thanks div.WSC-Cali{float:none; width:100%; margin:20px auto;}
}
@media only screen and (max-width : 1023px) and (min-width : 768px) {
    /* tablet portrait */
    html{background-image:none}
    div.wrapper{width:100%;}
    div.container{width:700px;}
    div.header{position:relative;}
    div.header div.container{width:100%;}
    div.header div.branding{float:left; margin:40px 0 0 30px;}
    div.header ul.navigation{margin:68px 30px 0 0;}
    div.header ul.navigation li{margin:0 30px 0 0;}
    div.header div.menu{right:30px;}
    div.intro{height:400px;}
    div.intro div.introText{font-size:160%; padding:100px 0 0 0; }
    div.work{padding:100px 0 0 0;}
    div.workDetail{margin:0 0 150px 0;}
    div.workDetail div.info div.description p.description{font-size:93.75%; line-height: 21px}
    div.workDetail div.info div.description p.description a{display:block; margin:5px 0 0 0;}
    div.bio{padding:50px 0 0 0; }
    div.bio div.bioIntro{margin:40px 0 60px 0;}
    div.bio div.bioIntro ul li{float:left; width:24%; margin:0 8px 0 0;}
    div.bio div.bioBrand{margin:60px 0 30px;}
    div.bio div.bioBrand ul li{float:left; width:24%;}
    div.bio div.bioWish{margin:60px 0;}
    div.bio div.bioWish ul li{font-size:125%;}
    div.bio div.bioQuotes {margin:60px 0;}
    div.bio div.bioQuotes div.quote p{width:90%;}
    div.contact{padding:100px 0 100px 0; }
    div.contact div.contactFormContainer{width:100%; margin:0 0 80px 0;}
    div.contact div.contactForm{float:left; width:100%; margin:25px 0 0 0;}
    div.contact div.contactForm form input{width:654px;}
    div.contact div.contactForm form textarea{width:654px;}
    div.contact div.contactForm form input.button{width:700px;}
    div.contact div.contactLinks{float:left; width:100%; margin:100px 0 0 0;}
    div.contact div.contactLinks ul li a{height:70px; line-height: 70px; color:#fff; font-size: 100%;}
    div.thanks{padding:60px 0; background:#242526;}
}
@media only screen and (max-width : 1279px) and (min-width : 1024px) {
    /* small desktop/tablet landscape */
    html{background-image:none}
    div.wrapper{width:100%;}
    div.container{width:720px;}
    div.header{position:relative;}
    div.header div.container{width:100%;}
    div.header div.branding{float:left; margin:40px 0 0 30px;}
    div.header ul.navigation{margin:68px 30px 0 0;}
    div.header div.menu{right:30px;}
    div.intro{height:500px;}
    div.intro div.introText{font-size:160%; line-height:160%; padding:170px 0 0 0; }
    div.work{padding:160px 0 0 0;}
    div.workDetail{margin:0 0 100px 0;}
    div.workDetail div.info div.description p.description{font-size:93.75%; line-height: 21px}
    div.workDetail div.info div.description p.description a{display:block; margin:5px 0 0 0;}
    div.bio{padding:160px 0 0 0; }
    div.bio div.bioIntro{margin:40px 0 60px 0;}
    div.bio div.bioIntro ul li{float:left; width:24%; margin:0 8px 0 0;}
    div.bio div.bioBrand{margin:60px 0 30px;}
    div.bio div.bioBrand ul li{float:left; width:24%;}
    div.bio div.bioWish{margin:60px 0;}
    div.bio div.bioWish ul li{font-size:125%;}
    div.bio div.bioQuotes {margin:60px 0;}
    div.bio div.bioQuotes div.quote p{width:90%;}
    div.contact{padding:160px 0 100px 0; }
    div.contact div.contactFormContainer{width:100%; margin:0 0 80px 0;}
    div.contact div.contactForm{float:left; width:100%; margin:25px 0 0 0;}
    div.contact div.contactForm form input{width:674px;}
    div.contact div.contactForm form textarea{width:674px;}
    div.contact div.contactForm form input.button{width:720px;}
    div.contact div.contactLinks{float:left; width:100%; margin:100px 0 0 0;}
    div.contact div.contactLinks ul li a{height:70px; line-height: 70px; color:#fff; font-size: 100%;}
    div.thanks{padding:60px 0; background:#242526;}
}
@media only screen and (max-width : 1439px) and (min-width : 1280px) {
    /* typical desktop */
    html{background-image:none}
    div.wrapper{width:100%;}
    div.container{width:1000px;}
    div.header div.container{width:100%;}
    div.header div.branding{float:left; margin:40px 0 0 30px;}
    div.header ul.navigation{margin:68px 30px 0 0;}
    div.header div.menu{right:30px;}
}
@media only screen and (max-width : 1599px) and (min-width : 1440px) {
    /* large desktop */
    div.wrapper{width:1440px;}
    div.container{width:1000px;}
    div.header div.container{width:1440px;}
}
@media only screen and (max-width : 1799px) and (min-width : 1600px) {
    /* larger desktop */
    div.wrapper{width:1600px;}
    div.container{width:1000px;}
    div.header div.container{width:1600px;}
}
@media only screen and (min-width : 1800px) {
    /* giant desktop */
    div.wrapper{width:1700px;}
    div.container{width:1000px;}
    div.header div.container{width:1700px;}
}


@media print {
    * {background: transparent !important; color: #000 !important; /* Black prints faster: h5bp.com/s */ box-shadow: none !important; text-shadow: none !important;}
    a, a:visited { text-decoration: underline;}
    a[href]:after { content: " (" attr(href) ")";}
    abbr[title]:after { content: " (" attr(title) ")";}
    .ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after {content: "";}
    pre, blockquote { border: 1px solid #999; page-break-inside: avoid;}
    thead {display: table-header-group; /* h5bp.com/t */}
    tr, img {page-break-inside: avoid;}
    img {max-width: 100% !important;}
    @page {margin: 0.5cm;}
    p, h2, h3 { orphans: 3; widows: 3;}
    h2, h3 { page-break-after: avoid;}
}

/* CLEARFIX */
.clearfix:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.clearfix {display: inline-block;}
html[xmlns] .clearfix {display: block;}
* html .clearfix {height: 1%;}