@media  (min-width:901px) {
    .nav h1,.nav-burger-menu h1{font-size:2.0rem;}
    .hide-on-wide{display:none;}
}


@media (max-width: 800px) {
    .welcome-message{
        margin-top:-28vw !important;
    }
}

@media (max-width: 900px) {
    .welcome-message{
        width:80vw !important;
        margin-left:10vw;
        margin-top:-20vw !important;
        font-size:0.8rem;
        line-height:1.3rem;
    }

    .twothirds{
        padding-right:30px;
    }

    .ultrawide{
        min-height:27vh;
    }

    .ultrawide p{
        font-size:0.6rem;
        line-height:0.8rem;
        max-width:90vw;
    }

    .targ-quote{
        font-size:0.6rem;
        line-height:0.8rem;
    }

    .targ-quote-by{
        line-height:1.1rem;
    }

    .ultrawide b{
        font-size:0.6rem;
    }

    .ultrawide img{
        width:176%;
    }

    .ultrawide h3{
        font-size:7.0vw;
        line-height:7.5vw;
    }

    .process-step{
        margin-left:1%;
        margin-right:1%;
    }

    .thirds{
    }

    .thirds img{
        width:90%;
        margin-left:5%;
    }

    .footer{
        width:100%;
        height:100px;
    }

    .section-wrap{
        padding-bottom:30px;
    }

    .snapscroller{
        display:block;

    }

    .snapscroller img{
        width:100% !important;
        margin:0 !important;
    }
}

@media (min-width:601px) and (max-width: 900px) {
    .hide-on-small{display:none;}

    .nav h1,.nav-burger-menu h1{font-size:2.0rem;}

    .targ-quote{
        outline:1px dashed blue;
        font-size:0.7rem;
        line-height:1.0rem;
    }

    .targ-quote-by{
        outline:1px dashed red;
        font-size:1.0rem;
        font-size:1.6rem;
        
    }

}

@media (min-width:501px) and (max-width: 600px) {
    .nav h1,.nav-burger-menu h1{font-size:1.7rem;}
    .hide-on-small{display:none;}

    .thirds{width:100%;}

    h2{
        font-size:1.8rem;
        line-height:2.2rem;
    }
}

@media (max-width: 500px) {
    .hide-on-small{display:none;}
    
    .nav h1,.nav-burger-menu h1{font-size:1.4rem;}

    h2{
        font-size:1.2rem;
        line-height:1.7rem;
    }

    .project-detail{padding:4%;}
    .thirds{width:100%;min-height:100px;}
    .twothirds{width:100%;}

    .index-thirds-svg{
        max-height:100px;
    }

    .project-precis{
        padding:20px;
    }

    .welcome-message{
        width:90vw !important;
        margin-left:5vw;
    }

    .proj-img{
        width:98% !important;
        margin-left:0 !important;
        padding:0 !important;
    }


}

.dimensions{
    position:fixed;
    top:0px;
    left:0px;
    font-size:0.6rem;
    line-height:0.6rem;
    z-index:10000;
    background:#303030;
    color:white;
    padding:0px 2px;
    font-family:monospace;
}