@import url('https://fonts.googleapis.com/css?family=Montserrat');
@import url("//hello.myfonts.net/count/313f61");
@font-face {font-family: 'AvenirLT-Medium';src: url('/lib/fonts/313F61_0_0.eot');src: url('/lib/fonts/313F61_0_0.eot?#iefix') format('embedded-opentype'),url('/lib/fonts/313F61_0_0.woff2') format('woff2'),url('/lib/fonts/313F61_0_0.woff') format('woff'),url('/lib/fonts/313F61_0_0.ttf') format('truetype');}

@font-face {font-family: 'AvenirLTStd-Light';src: url('/lib/fonts/31BDAE_0_0.eot');src: url('/lib/fonts/31BDAE_0_0.eot?#iefix') format('embedded-opentype'),url('/lib/fonts/31BDAE_0_0.woff2') format('woff2'),url('/lib/fonts/31BDAE_0_0.woff') format('woff'),url('/lib/fonts/31BDAE_0_0.ttf') format('truetype');}

@font-face {
    font-family: 'usletter';
    src: url('/lib/fonts/us-letter-webfont.woff2') format('woff2'),
         url('/lib/fonts/us-letter-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
:root{--clr0:#fff;--clr1:#B2D699;--clr2:#C9B0D1;--clr3:#B3C4DF;--clr4:#EC889B;--clr5:#FFE89D;}
html{background:#eee;padding:0;margin:0;height:100%;}
body{height:100%;color:#000;font-family:'Montserrat',Helvetica,Arial,sans-serif;font-size:90%;line-height:1.4;padding:0;margin:0 auto;}
*,:before,:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;border:0;vertical-align:top;}
a{color:#000;text-decoration:none;}
h1,h2{font-family:'usletter',sans-serif;line-height:1.2;margin:0;}
.pd{padding:1em;}
.punch{font-size:90%;}
section{margin:1em 0;background:#fafafa;padding:1em;}
iframe{margin:1em 0;}
small{vertical-align:bottom;}
textarea{display:block;margin:1em 0;padding:1em;background:#f6f6f6;width:100%;font-family:'Andale mono';height:6em;}
ul{list-style:none;margin:0;padding:0;position:relative;width:100%;height:100%;}
ul li{position:absolute;width:100%;height:100%;top:0;left:0;background:#fff;overflow:hidden;opacity:1;transition:opacity 1s;}
ul li.hide{opacity:0;pointer-events:none;}
.img,.txt{display:inline-block;vertical-align:top;}
.img{background-position:center;background-size:cover;}
.txt{padding:1em;}
.l .img{width:60%;height:100%;}
.l .txt{width:40%;height:100%;}
.l .txt h1{font-size:200%;}
.m .img{width:36%;height:100%;}
.m .txt{width:64%;height:100%;}
.s .img{width:100%;height:100%;}
.s .txt{width:100%;height:100%;}
ul.l{max-width:970px;max-height:352px;}
ul.m{max-width:570px;max-height:192px;}
ul.s{max-width:570px;max-height:192px;}
.container{position:absolute;top:0;}
a.logo{position:absolute;right:1em;bottom:1em;width:7em;height:2em;background:url(http://phlassembled.net/lib/gfx/PHLA.svg) no-repeat;background-size:contain;}
#wrapper{width:100%;height:100px;overflow:hidden;position:relative;background:#fff;}
#wrapper.s{height:50px;}
#wrapper.s{font-size:110%;}
#wrapper .container{width:3000em;background:#fff;}
#wrapper .t{display:inline-block;}
#wrapper .t .inner{    padding: 0 1em 0 0;
    margin: 1em 0;
    line-height: 1;}
@media (max-width: 767px) {
.l .txt h1{font-size:200%;}
}
@media (max-width: 640px) {
.l .txt h1{font-size:125%;color:#def;}
a.logo{display:none;}
}
@media (min-width: 768px) and (max-width: 979px) {
.l .txt h1{font-size:300%;}
}
@media (min-width: 1200px) {
.l .txt h1{font-size:300%;}
}