/* @formatter:off */
@media screen {
    #work{}
        #work .globalBorder{}
            #work .globalBorder .topLip{}
                #work .globalBorder .topLip .text{}
                    #work .globalBorder .topLip .text .w{}
        #work .mod.outer-container{padding:4vw 15vw 0;}
            #work .mod.outer-container #testimonials{height:auto; font-size:100%; color:#171717; font-style:italic; background-color:#f7f7f7;}
                .slick-prev, .slick-next{}
                .slick-prev:before, .slick-next:before, .slick-dots li.slick-active button:before{color:purple;}
                #work .mod.outer-container #testimonials.hasLip::after{}
                #work .mod.outer-container #testimonials .quote{padding:0 20px;}
                #work .mod.outer-container #testimonials .fromWhom{display:block; position:relative; margin:10px 0 15px; text-align:right;}

        #work .mod{padding:0 15vw;}
        #work .mod.expanded{}
        #work .mod .header{color:#441f54;}
        #work .mod.lip{}
            #home .tileList,
            #work .tileList{padding:0; list-style:none;}
            #work .mod .tileList .tile,
            #home .tileList .tile{position:relative; list-style:none; box-shadow:-1px 1px 2px #666; float:none; display:inline-block; margin-bottom:25px; border-radius:15px; width:169px; margin-right:20px; height:21vh; background-size:contain; background-repeat:no-repeat; min-height:135px; max-height:208px;}
            #work .mod .tileList .tile:last-child{margin-right:0;}
                #work .mod .tileList .tile .link,
                #home .tileList .tile .link{display:block; width:100%; height:100%;}

        #work #sitesWorkedOn{overflow-x:auto; margin:auto; padding:0 11px; margin-bottom:25px;}
            #work #sitesWorkedOn .header{}
            #work #sitesWorkedOn .tileList{width:1144px;}
                #work #sitesWorkedOn .tileList .tile,
                #home #sitesWorkedOn .tileList .tile{}
                #work #sitesWorkedOn .tileList .tile,
                #home #sitesWorkedOn .tileList .tile{background-color:transparent; background-size:contain; background-repeat:no-repeat; background-attachment: scroll;}
                #work #sitesWorkedOn .tileList .tile:nth-child(3),
                #home #sitesWorkedOn .tileList .tile:nth-child(3){}
                #home #sitesWorkedOn .tileList .tile.last{width: 38px; background-size: cover; border-top-right-radius: 0; border-bottom-right-radius: 0; opacity: 0.5;}
                    #work #sitesWorkedOn .tileList .tile.intuit,
                    #home #sitesWorkedOn .tileList .tile.intuit{background-color:#fff; background-image:url(../images/works-tile-intuit.jpg);}
                    #work #sitesWorkedOn .tileList .tile.pmtFlow,
                    #home #sitesWorkedOn .tileList .tile.pmtFlow{background-color:#f6f7f6; background-image:url(../images/works-tile-pmtFlow.png);}
                    #work #sitesWorkedOn .tileList .tile.x10,
                    #home #sitesWorkedOn .tileList .tile.x10{background-color:#000; background-image:url(../images/works-tile-x10.png);}
                    #work #sitesWorkedOn .tileList .tile.saraStrong,
                    #home #sitesWorkedOn .tileList .tile.saraStrong{background-color:#000; background-image:url(../images/works-tile-saraStrong.png);}
                    #work #sitesWorkedOn .tileList .tile.vitaltherapies,
                    #home #sitesWorkedOn .tileList .tile.vitaltherapies{background-image:url(../images/works-tile-vt.png);}
                    #work #sitesWorkedOn .tileList .tile.daleBrewer{background-image:url(../images/works-tile-db.png);}

        #work #illustrations{clear:both; padding:0;}
            #work #illustrations .header{}
            #work #illustrations .container{overflow-x: auto; overflow-y:hidden; margin: auto; padding: 0 11px;}
                #work #illustrations .tileList{width: 1530px;}
            #work #illustrations .tileList{}
                #work #illustrations .tileList .tile{background-size:cover;}
                    #work #illustrations .tileList .tile.gatana-a{background-image:url(../images/works-illustrations-gatana-A.jpg);}
                    #work #illustrations .tileList .tile.gatana-b{background-image:url(../images/works-illustrations-gatana-B.jpg);}
                    #work #illustrations .tileList .tile.gatana-c{background-image:url(../images/works-illustrations-gatana-C.jpg);}
                    #work #illustrations .tileList .tile.gatana-d{background-image:url(../images/works-illustrations-gatana-D.jpg);}
                    #work #illustrations .tileList .tile.gatana-e{background-image:url(../images/works-illustrations-gatana-E.jpg);}
                    #work #illustrations .tileList .tile.rave{background-image:url(../images/works-illustrations-rave.png); background-position:-1px 0;}
                    #work #illustrations .tileList .tile.merc{background-image:url(../images/works-illustrations-merc.png); background-position:0 0;}
                    #work #illustrations .tileList .tile.goblin{background-image:url(../images/works-illustrations-goblin.png); background-position:0 0;}
        .lip.illustrations{top:891px;}

        #work #sitesDesignedWorked{overflow-x: auto; margin: auto; padding: 0 11px; margin-bottom: 25px;}
            #work #sitesDesignedWorked.mod .header,
            #home .tileListContainer .header{}
            #work #sitesDesignedWorked.mod .tileList{margin:0; padding:0;}
            #work #sitesDesignedWorked .tileList{width:957px;}
                #work #sitesDesignedWorked.mod .tileList .tile,
                #home #sitesWorkedOn .tileList .tile{}
                #work #sitesDesignedWorked.mod .tileList .tile.last,
                #home #sitesWorkedOn .tileList .tile.last{margin-right:0;}
                #work #sitesDesignedWorked .tileList .tile{}
                    #home #sitesWorkedOn .tileList .tile.gatana,
                    #work #sitesDesignedWorked .tileList .tile.gatana{background-image:url(../images/works-tile-gatana-site.jpg); background-color:#000;}
                    #work #sitesDesignedWorked .tileList .tile.seaside{background-color:#fff; background-image:url(../images/works-tile-seaside.jpg);}
                    #work #sitesDesignedWorked .tileList .tile.t26{background-image:url(../images/works-t26-slice.jpg); background-repeat: repeat-x;}
                    #work #sitesDesignedWorked .tileList .tile.dma{background-image:url(../images/works-dma-slice.jpg); background-repeat: repeat-x; background-color:#000;}
                    #work #sitesDesignedWorked .tileList .tile.qaDash{background:transparent url(../images/works-daDash-slice.png); background-repeat: repeat-x; background-color:#000;}
                        #work #sitesDesignedWorked.mod .tileList .tile .tileTitle{display:block; position:relative;}
                        #work #sitesDesignedWorked .tileList .tile.t26 .tileTitle{background-image:url(../images/works-title-t26.png); height:25px; top:55px; background-position:center;}
                        #work #sitesDesignedWorked .tileList .tile.dma .tileTitle{background-image:url(../images/works-title-dma.png); margin:auto; height:35px; top:45px; background-position:center;}
                        #work #sitesDesignedWorked .tileList .tile.qaDash .tileTitle{background-image:url(../images/works-title-qaDash.png); height:86px; top:22px; background-position:center;}
                        #work #sitesDesignedWorked.mod .tileList .tile .link{display:block; position:absolute; top:0; width:100%; height:100%;}
                        #work #sitesDesignedWorked.mod .tileList .tile .soeLogo{background-image:url(../images/works-tile-soeLogo.png); display:block; position:absolute; bottom:0; width:100%; height:37px; background-size:50%; background-position:center top; background-repeat:no-repeat;}
}

@media screen and (max-width:768px) {
    #work{}
        #work #sitesWorkedOn{}
            #work #sitesWorkedOn .lip{display:none;}
            #work #sitesWorkedOn .header{}
            #work .mod .header:after{content:'(scroll right for more examples)'; display: block; font-size:12px;}
            #work #sitesWorkedOn .tileList{}
                #work #sitesWorkedOn .tileList .tile,
                #home #sitesWorkedOn .tileList .tile{}
                #work #sitesWorkedOn .tileList .tile,
                #home #sitesWorkedOn .tileList .tile{}
                #work #sitesWorkedOn .tileList .tile:nth-child(3),
                #home #sitesWorkedOn .tileList .tile:nth-child(3){}

        #work #illustrations{}
            #work #illustrations .header{}
            #work #illustrations .tileList{}
                #work #illustrations .tileList .tile{}
                    #work #illustrations .tileList .tile.rave{background:transparent url(../images/works-illustrations-rave.png) no-repeat scroll -1px 0;}
                    #work #illustrations .tileList .tile.merc{background:transparent url(../images/works-illustrations-merc.png) no-repeat scroll 0 0;}
                    #work #illustrations .tileList .tile.goblin{background:transparent url(../images/works-illustrations-goblin.png) no-repeat scroll 0 0;}
        .lip.illustrations{top:891px;}

        #work #sitesDesignedWorked{}
            #work #sitesDesignedWorked .mod .header,
            #home .tileListContainer .header{color:#441f54;}
            #work #sitesDesignedWorked .mod .tileList{margin:0; padding:0;}
            #work #sitesDesignedWorked .tileList{}
                #work #sitesDesignedWorked .mod .tileList .tile,
                #home #sitesDesignedWorked .tileList .tile{}
                #work #sitesDesignedWorked .mod .tileList .tile.last,
                #home #sitesDesignedWorked .tileList .tile.last{margin-right:0;}
                #work #sitesDesignedWorked .tileList .tile{}
}

@media screen and (max-width:600px) {
    #work{}
        #work .globalBorder{}
            #work .globalBorder .topLip{}
                #work .globalBorder .topLip .text{}
                    #work .globalBorder .topLip .text .w{}

        #work #testimonials{height:auto; font-size:16px; color:#171717; font-style:italic;}
            #work #testimonials .quote{}
            #work #testimonials .fromWhom{display:block; position:relative; margin:5px 0 0; text-align:right;}
        .lip.testimonials{top:236px;}

        #work .mod.lip{}
            #home .tileList,
            #work .tileList{padding:0; list-style:none;}
                #work .mod .tileList .tile .link,
                #home .tileList .tile .link{display:block; width:100%; height:100%;}

        #work #sitesWorkedOn{}
            #work #sitesWorkedOn .header{}
            #work #sitesWorkedOn .tileList{}
                #work #sitesWorkedOn .tileList .tile,
                #home #sitesWorkedOn .tileList .tile{}
                #work #sitesWorkedOn .tileList .tile,
                #home #sitesWorkedOn .tileList .tile{background-color:transparent; background-size:contain; background-repeat:no-repeat;}
                #work #sitesWorkedOn .tileList .tile:nth-child(3),
                #home #sitesWorkedOn .tileList .tile:nth-child(3){}
                    #work #sitesWorkedOn .tileList .tile.pmtFlow,
                    #home #sitesWorkedOn .tileList .tile.pmtFlow{background-image:url(../images/works-tile-pmtFlow.png);}
                    #work #sitesWorkedOn .tileList .tile.x10,
                    #home #sitesWorkedOn .tileList .tile.x10{background-color:#000; background-image:url(../images/works-tile-x10.png);}
                    #work #sitesWorkedOn .tileList .tile.saraStrong,
                    #home #sitesWorkedOn .tileList .tile.saraStrong{background-image:url(../images/works-tile-saraStrong.png);}
                    #work #sitesWorkedOn .tileList .tile.vitaltherapies,
                    #home #sitesWorkedOn .tileList .tile.vitaltherapies{background-image:url(../images/works-tile-vt.png);}
                    #work #sitesWorkedOn .tileList .tile.daleBrewer{background-image:url(../images/works-tile-db.png);}

        #work #illustrations{}
            #work #illustrations .header{}
            #work #illustrations .tileList{}
                #work #illustrations .tileList .tile{}
                    #work #illustrations .tileList .tile.rave{background:transparent url(../images/works-illustrations-rave.png) no-repeat scroll -1px 0;}
                    #work #illustrations .tileList .tile.merc{background:transparent url(../images/works-illustrations-merc.png) no-repeat scroll 0 0;}
                    #work #illustrations .tileList .tile.goblin{background:transparent url(../images/works-illustrations-goblin.png) no-repeat scroll 0 0;}
        .lip.illustrations{top:891px;}

        #work #sitesDesignedWorked{}
            #work #sitesDesignedWorked .mod .header,
            #home .tileListContainer .header{color:#441f54;}
            #work #sitesDesignedWorked .mod .tileList{margin:0; padding:0;}
            #work #sitesDesignedWorked .tileList{}
                #work #sitesDesignedWorked .mod .tileList .tile,
                #home #sitesDesignedWorked .tileList .tile{}
                #work #sitesDesignedWorked .mod .tileList .tile.last,
                #home #sitesDesignedWorked .tileList .tile.last{}
                #work #sitesDesignedWorked .tileList .tile{}
}