style.css

/*!
Theme Name: Joe Anstett is a theme
Theme URI: http://joeanstett.com/
Author: Joe Anstett and Randall Bruder
Author URI: http://joeanstett.com/
Description: Hot damn! It's a custom wordpress theme. Made from scratch, baby. 
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: joeanstett
Tags: portfolio, responsive, adaptive, barbecue sauce
*/a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}@font-face{font-family:Larsseit;src:url(webfonts/larsseit.eot);src:url(webfonts/larsseit.eot?#iefix) format("embedded-opentype"),url(webfonts/larsseit.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:Calibre;src:url(webfonts/calibre-bold.eot);src:url(webfonts/calibre-bold.eot?#iefix) format("embedded-opentype"),url(webfonts/calibre-bold.woff) format("woff");font-weight:400;font-style:normal}body{background-color:#fff}*{box-sizing:border-box}#page,.site-content,body,html{height:100%}@media (max-width:900px){#page,.site-content,body,html{height:auto}}body{font-family:Larsseit,Helvetica,Arial,sans-serif;line-height:1.3;font-size:16px;font-size:1.6rem;color:#fff}h1,h2,h3{font-weight:400;font-family:Calibre,Helvetica,Arial,sans-serif}h1{line-height:1.1;font-size:35px;font-size:3.5rem;padding-bottom:10px}h2{line-height:1.3;font-size:30px;font-size:3rem;padding-bottom:10px}h3{line-height:1.3;font-size:24px;font-size:2.4rem;padding-bottom:10px}h4{line-height:1.3;font-size:16px;font-size:1.6rem}@media (max-width:900px){h1{line-height:1.3;font-size:35px;font-size:3.5rem;padding-bottom:10px}h2{line-height:1.3;font-size:23px;font-size:2.3rem;padding-bottom:10px}h3{line-height:1.3;font-size:19px;font-size:1.9rem;padding-bottom:10px}}h1 b,h1 strong,h2 b,h2 strong,h3 b,h3 strong{font-weight:400}.secondary-header,.site-header{width:40%;float:left;min-height:100%;position:relative;background-color:#000;padding:13px 20px}@media (max-width:1300px){.secondary-header,.site-header{width:50%}}@media (max-width:900px){.secondary-header,.site-header{width:100%;float:none;position:relative;height:auto;min-height:auto;position:relative!important;bottom:auto!important}}.secondary-header .site-title a,.site-header .site-title a{text-decoration:none;float:left;color:inherit;line-height:1.3;font-size:21px;font-size:2.1rem;font-family:Calibre,Helvetica,Arial,sans-serif}.secondary-header #site-navigation,.site-header #site-navigation{float:right;line-height:1.3;font-size:9px;font-size:.9rem}.secondary-header #site-navigation li,.site-header #site-navigation li{display:inline-block}.secondary-header #site-navigation li:after,.site-header #site-navigation li:after{content:'/';padding:0 5px 0 8px}.secondary-header #site-navigation li:last-child:after,.site-header #site-navigation li:last-child:after{content:'';padding:0}.secondary-header #site-navigation a,.site-header #site-navigation a{color:inherit;text-decoration:none;padding-bottom:2px;border-bottom:2px transparent solid;-webkit-transition:border-bottom .1s linear;-moz-transition:border-bottom .1s linear;-o-transition:border-bottom .1s linear;transition:border-bottom .1s linear}html.no-touchevents .secondary-header #site-navigation a:hover,html.no-touchevents .site-header #site-navigation a:hover{border-bottom:2px solid}.site-header #main-header-text{text-align:center;position:absolute;top:50%;transform:translateY(-50%);padding:0 40px}@media (max-width:900px){.site-header #main-header-text{position:relative;clear:both;transform:none;top:auto;padding:40px 5px}}@media (max-width:900px){.site-header #main-header-text h1{line-height:1.2;font-size:25px;font-size:2.5rem}}.site-header #main-header-text a{text-decoration:none;border-bottom:3px #fff solid;color:#fff;display:inline-block;-webkit-transition:border-bottom .1s linear;-moz-transition:border-bottom .1s linear;-o-transition:border-bottom .1s linear;transition:border-bottom .1s linear}@media (max-width:900px){html.touchevents .site-header #main-header-text a{display:inline}}html.no-touchevents .site-header #main-header-text a:hover{border-bottom:3px #000 solid}.site-header #main-header-arrow{font-family:Calibre,Helvetica,Arial,sans-serif;line-height:1.3;font-size:45px;font-size:4.5rem;display:none}@media (max-width:900px){.site-header #main-header-arrow{display:block;text-align:center}}.secondary-header .site-branding{min-height:100vh;height:auto!important;height:100%;margin-bottom:-73px}@media (max-width:900px){.secondary-header .site-branding{min-height:auto}}.secondary-header .site-branding:after{content:'';display:block;height:73px}.secondary-header #home_button a{text-decoration:none;color:inherit;line-height:1.3;font-size:11px;font-size:1.1rem;margin-bottom:15px;height:47px;padding-bottom:1px;border-bottom:2px transparent solid;-webkit-transition:border-bottom .1s linear;-moz-transition:border-bottom .1s linear;-o-transition:border-bottom .1s linear;transition:border-bottom .1s linear}@media (max-width:900px){.secondary-header #home_button a{display:none}}html.no-touchevents .secondary-header #home_button a:hover{border-bottom:2px solid}#projects-grid{margin-left:40%}@media (max-width:1300px){#projects-grid{margin-left:50%}}@media (max-width:900px){#projects-grid{margin-left:0}}#projects-grid .project-square{width:50%;position:relative;float:left;cursor:pointer;overflow:hidden;border-left:3px solid #fff;border-bottom:3px solid #fff}@media (max-width:1300px){#projects-grid .project-square{width:100%;float:left}}@media (max-width:900px){#projects-grid .project-square{width:100%;float:none}}#projects-grid .project-square a{display:block}#projects-grid .project-square:nth-last-of-type(-n+2){border-bottom:none}#projects-grid .project-square:nth-last-child(2):nth-child(even){border-bottom:3px solid #fff}@media (max-width:1300px){#projects-grid .project-square{border-bottom:3px solid #fff!important}#projects-grid .project-square:last-child{border-bottom:none!important}}@media (max-width:900px){#projects-grid .project-square{border-left:none;border-bottom:none!important;border-top:3px solid #fff}}#projects-grid .project-square:after{content:"";display:block;padding-bottom:100%}html.no-touchevents #projects-grid .project-square:hover .project-square-bg{opacity:1}html.no-touchevents #projects-grid .project-square:hover .project-square-inner{opacity:0}#projects-grid .project-square-inner{position:absolute;width:100%;height:100%;padding:40px;-webkit-transition:all .1s linear;-moz-transition:all .1s linear;-o-transition:all .1s linear;transition:all .1s linear;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:-ms-flex;display:flex;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;align-items:center;-webkit-flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;justify-content:center;text-align:center}@media (max-width:900px){#projects-grid .project-square-inner{padding:10px}}#projects-grid .project-square-inner h1{line-height:.9}#projects-grid .project-square-inner h4{padding-top:10px;line-height:1.3;font-size:10px;font-size:1rem}#projects-grid .project-square-bg{background-size:auto 100%!important;background-position:left center;background-repeat:no-repeat!important;opacity:0;position:absolute;top:0;left:0;width:100%;height:100%;-webkit-transition:opacity .1s linear;-moz-transition:opacity .1s linear;-o-transition:opacity .1s linear;transition:opacity .1s linear}html.touchevents #projects-grid .project-square-bg{opacity:0!important}@keyframes project-square-bg-animation{0%{background-position-x:left}100%{background-position-x:right}}#project-details{clear:both;padding:70px 10% 40px}@media (max-width:900px){#project-details{padding:40px 0 10px}}#project-details .entry-title{line-height:1;margin-bottom:20px}@media (max-width:900px){#project-details .entry-title{line-height:1;font-size:25px;font-size:2.5rem}}#project-details .project-description p{color:inherit;line-height:1.5;font-size:12px;font-size:1.2rem;margin-bottom:30px}@media (max-width:900px){#project-details .project-description p{line-height:1.5;font-size:11px;font-size:1.1rem}}#project-details .project-description p:last-child{margin-bottom:0}#project-details .project-description a{color:inherit;text-decoration:none;border-bottom:2px solid;-webkit-transition:border-bottom .1s linear;-moz-transition:border-bottom .1s linear;-o-transition:border-bottom .1s linear;transition:border-bottom .1s linear}html.no-touchevents #project-details .project-description a:hover{border-bottom:2px transparent solid}#project-details .project-description input[type=text],#project-details .project-description input[type=email],#project-details .project-description textarea{width:100%;-webkit-transition:all .1s linear;-moz-transition:all .1s linear;-o-transition:all .1s linear;transition:all .1s linear}#project-details .project-description input[type=text]:focus,#project-details .project-description input[type=email]:focus,#project-details .project-description textarea:focus{color:#000;background-color:#fff}#project-details .project-description input,#project-details .project-description textarea{-webkit-appearance:none;-webkit-border-radius:0;border-radius:0;outline:0;border:2px solid #fff;background:#000;color:#fff;font-family:Larsseit,Helvetica,Arial,sans-serif;line-height:1.3;font-size:12px;font-size:1.2rem;padding:9px 11px 7px 11px}#project-details .project-description input[type=submit]{cursor:pointer;-webkit-transition:all .1s linear;-moz-transition:all .1s linear;-o-transition:all .1s linear;transition:all .1s linear}html.no-touchevents #project-details .project-description input[type=submit]:hover{color:#000;background-color:#fff}#project-details .project-description .wpcf7-validation-errors{margin:0;padding:10px 10px 7px 10px;line-height:1.3;font-size:12px;font-size:1.2rem;border:2px solid red}#project-details .project-description .wpcf7-not-valid-tip{margin-top:5px}.project-area{background-color:#fff;margin-left:40%;min-height:100%;color:#000}@media (max-width:1300px){.project-area{margin-left:50%}}@media (max-width:900px){.project-area{margin-left:0;min-height:auto}}.project-area .site-main{padding:3px 3px .1px}.project-area .site-main .entry-content img{width:100%;height:auto;display:block;margin-bottom:3px}.mobile-footer{display:none;padding:23px 20px;line-height:1.3;font-size:9px;font-size:.9rem}@media (max-width:900px){.mobile-footer{display:block}}.mobile-footer a{color:inherit;text-decoration:none;padding-bottom:1px;border-bottom:2px transparent solid;-webkit-transition:border-bottom .1s linear;-moz-transition:border-bottom .1s linear;-o-transition:border-bottom .1s linear;transition:border-bottom .1s linear}html.no-touchevents .mobile-footer a:hover{border-bottom:2px solid}.page-content-area{background-color:#fff;margin-left:40%;padding:3px 3px .1px;min-height:100%;color:#000}@media (max-width:1300px){.page-content-area{margin-left:50%}}@media (max-width:900px){.page-content-area{margin-left:0}}.page-content-area img{width:100%;height:auto;display:block;margin-bottom:3px}.embed-container{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;max-width:100%;margin-bottom:3px}.embed-container embed,.embed-container iframe,.embed-container object{position:absolute;top:0;left:0;width:100%;height:100%}