.logo-id {
    width:73px;
    height: 94px;
    overflow: hidden;
    text-indent: 1000px;
    background: transparent url(/img/logo_sr.png) center center;

}


.sub-nav-btn {
    position: absolute;
    bottom: -50px;
   
    
}

.about-btn {border:1px solid #A5A3AB;}
.contact-btn {border:1px solid #A5A3AB;}

.about-btn, .contact-btn {
    display: block;
    margin: 0px 0 8px 0;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    overflow: hidden;
}


a.nav-btn {
    display: block;
    width: 40px;
    height: 40px;
    text-indent: 500px;    
}

li.selected-btn {
    font-weight: 600;
    color:red;
}

.grid__item:hover {
    transform: scale(1.015);
    backface-visibility: hidden;
    transform: translateZ(0);
    z-index: 1000;
    
    
}

.port-meta {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 100;
}



.port-proj, .port-company {
    position: absolute;
    right: 25px;
    font-size: .75em;
    font-weight: 700;
    font-family: "Source Sans Pro", sans-serif;
    text-transform: uppercase;
}


.port-proj {bottom:40px; color:#b2b2b2;}
.port-company {bottom:25px;}

.port-hover {
    opacity: 1;
    -webkit-filter: grayscale(0);
    transition: all .75s ease;
}

.port-hover:hover {
    opacity: 0;
    transform: scale(1.1);
    -webkit-filter: grayscale(1);
    cursor:grab;
    
}


/* portfolio background images   */
.liveNation-bg {background: transparent url(/img/port-images/liveNation.jpg) center center;}
.direcTV-bg {background: transparent url(/img/port-images/direcTV.jpg) center center;}
.rackspace-bg {background: transparent url(/img/port-images/rackspace.jpg) center center;}
.disney-bg {background: transparent url(/img/port-images/disney.png) center center;}
.blitzblog-bg {background: transparent url(/img/port-images/blitzblog.jpg) center center;}
.asus-bg {background: transparent url(/img/port-images/asus.png) center center;}
.vizio-bg {background: transparent url(/img/port-images/vizio.jpg) center center;}
.nordic-bg {background: transparent url(/img/port-images/nordic.jpg) center center;}
.dole-bg {background: transparent url(/img/port-images/dole.jpg) center center;}

/* snapshots  */
.snapshots-container{
    background: url(/img/snapshots/bg-pattern.png);
    background-size:contain;
    
    width:100%;
    margin:0 06px;
}
.snap-full{}
.snap-twoa{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    padding:0px 38px;
}
.snap-twoa li{
    width:50%;
}
.box02a{
    position: relative;
    top:-43px;
    padding-right:10px;
}
.box02b{
    position: relative;
    top:-85px;
}
.snap-grid-01{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding:0px 38px;
    
}

.snap-grid-01 li{
    width:50%;
}

.box03{
    position:relative;
    top: -35px;
    padding-right:10px;
}
.box04{
    position:relative;
    top:-108px;
}
.snap-grid-01 li.box05{
    width:67%;
    padding-right:10px;
}
.snap-grid-01 li.box06{width:33%;padding-left:20px;}


.snap-wide{
    position:relative;
    top:0px;
    padding:20px 20px 0px 20px;
}

.snap-two{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    padding:0 38px 60px 38px;
}
.snap-wide02-container{
    padding:0 20px;
}
.snap-wide02{
    padding:0px 0px;
    width:100%;
    overflow:hidden;
    border:1px solid transparent;
}
.video-fix{
    width:100%;
    height: 100%;
    
    transform: scale(1.0045, 1);
    border:1px solid transparent;
    
    
}
.box01a{padding-right:10px;width:40%;position:relative;top:80px;}
.box01b{width:60%;position: relative;top:-40px;}
.back-top{padding-bottom:30px;width:100%;}
.back-top p{
    text-align: center;
    background: url(/img/snapshots/ender-bgpattern.png)no-repeat center center;
}
.back-top a{
    width:70px;
    margin: auto;
    padding-top:70px;
    text-decoration: none;
    font-size:12px;
    font-variant: small-caps;
    background:white url(/img/snapshots/arrow-up-static.png)no-repeat center center;
}
.back-top a:hover{
    background:white url(/img/snapshots/arrow-up-static.png)no-repeat center 20px;
}


@media screen and (min-width:1200px){
    img.image-slacker{visibility: hidden;height: 0px;}
}
@media screen and (max-width: 1200px) {
    .snap-wide02-container{
    padding:0 0px;
}

    .snap-twoa{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        padding:0px 0px;
        }
    .box02a{
        top:0px;
        padding-right:0px;
        }
    .box02b{top:0px;}
    
    .snap-grid-01{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        padding:0px 0px;
        }
    .snap-grid-01 li{width:100%;}
    .box03{top:0px;padding:70px 0px;}
    .box04{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1;top:-28px;}
    .video-slacker{visibility: hidden;height: 0px;}
    .snap-grid-01 li.box05{
        width:100%;
        padding:30px 56px;
        }
    .snap-grid-01 li.box06{
        width:100%;
        padding:40px;
        }
    .snap-wide{
       width:100%;
        position: relative;
        top:1px;
    }
    .snap-two{-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;padding-left:0px;padding-right:0px;}
    .box01a{padding-right:0px;width:100%;top:0px;}
    .box01b{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1;width:100%;top:0px;}
    .snap-wide{padding-left:0px;padding-right:0px;padding-bottom:20px;}
    .snap-wide02{}


}