html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;padding:0}
body{line-height:1}h1,h2,h3,h4,h5,h6{font-weight:normal;margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}blockquote,q{quotes:none}input[type=submit]{cursor:pointer}input:focus,textarea:focus,textarea:focus{outline:none}blockquote:before,blockquote:after,q:before,q:after{content:none}a{vertical-align:baseline;background:transparent;text-decoration:none;margin:0;padding:0}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #cccccc;margin:1em 0;padding:0}input,select{vertical-align:middle}ul,nav ul{list-style:none}
/* *************************** GENERAL *************************** */

html {font-size: 62.5%;}
body {
    background: #fff;
    font-family: 'Verlag A', 'Verlag B'; font-weight: 300; font-style: normal;
    font-size: 17px; font-size: 1.75rem;
}
h2 {
    font-family: '','Montserrat', sans-serif;
    display: inline-block;
    color: #4d4d4d;
    text-align: center;
    font-weight: bold;
    margin-bottom: 80px;
    font-size: 52px; font-size: 5.2rem;
    padding-bottom: 10px;
    border-bottom: 5px solid #b0e1e0;
}
h3 {
    font-family: '','Montserrat', sans-serif;
    margin-bottom: 15px;
    font-size: 29px;
    font-size: 2.9rem;
    color: #6c6b6b;
    text-align: left;
}
.wrap,.wrap-header {
    height: 100%;
    max-width: 1280px;
    margin: 0 auto;
    text-align: center;
    position: relative;
    overflow: hidden;
}
.wrap {width: 90%;}
.wrap-header {width: 86% !important;}
#profile, #blog,#connect,#contact {padding: 85px 0; position: relative;}
#works {padding: 3px 0 0px 0; position: relative;}
.section:nth-child(odd){background: #f1f0ee;}
    a.more {
        position: relative;
        clear: both;
        margin: 40px 0; 
        display: inline-block;
        padding: 25px 80px;
        background: #fff;
        color: #cdcdcd;
        -webkit-transition: all .3s ease-in-out;
           -moz-transition: all .3s ease-in-out;
            -ms-transition: all .3s ease-in-out;
             -o-transition: all .3s ease-in-out;
                transition: all .3s ease-in-out;
    }
    a.more span {
        position: absolute;
        display: block;
        opacity: 0;
        width: 46px; height: 46px;
        top: 50%; left: 50%;
        -webkit-transition: all .5s ease-in-out;
           -moz-transition: all .5s ease-in-out;
            -ms-transition: all .5s ease-in-out;
             -o-transition: all .5s ease-in-out;
                transition: all .5s ease-in-out;
        margin-top: -23px; margin-left: -23px;
        background: url('/public/tumblr/loading_gif.gif');
    }
    a.more:hover {background: #b0e1e0; color: #fff;}
    
    a.more.link-loading {color: #fff;}
    a.more.link-loading span {opacity: .3666;}
    a.more.link-loading:hover {background: #fff; color: #fff;}

/* *************************** HEADER *************************** */
header {
    width: 100%; height: 135px; line-height: 135px;
    background: #fff;
    font-weight: 600;
    position: relative;
    font-size: 14px; font-size: 1.4rem;
    overflow: hidden;
}
    .mobile-nav {
        -webkit-transition: all .2666s ease-in-out;
           -moz-transition: all .2666s ease-in-out;
            -ms-transition: all .2666s ease-in-out;
             -o-transition: all .2666s ease-in-out;
                transition: all .2666s ease-in-out;
        display: block;
        opacity: 0;
        height: 100%; width: 100%;
        position: fixed;
        top: 0; right: -100%;
        background: rgba(0,0,0,.8);
        z-index: 1000;
        text-align: left;
        font-size: 16px; font-size: 1.6rem;
        font-weight: 100;
    }
        .mobile-nav-contain{
            position: absolute;
            border-left: 5px solid #1c1e22;
            top: 0; right: 0;
            width: 75%; height: 100%;
            background: #26292E;
        }
            .mobile-nav .head-mobile {
                padding: 0 30px;
                margin-top: 60px; text-align: left;
                overflow: hidden;
            }
                .head-mobile h1 {float: left}
                .head-mobile img {float: right; cursor: pointer;}
                .head-mobile h1 a {
                    text-transform: uppercase;
                    font-size: 17px; font-size: 1.7rem;
                    font-weight: 100;
                    color: #fff;
                    letter-spacing: 1px;
                }
        .mobile-nav ul {margin-top: 20px; border-top: 1px solid #1C1E22;}
        .mobile-nav ul li a {
            color: #e6e6e6;
            display: block; width: 100%;
            padding: 20px 0 20px 30px;
        }
        .mobile-nav ul li a:hover {background: #1c1e22;}
    .display-nav {
        cursor: pointer;
        display: none;
        position: absolute;
        top: 3%; margin-top: -9px; right: 4%; z-index: 500;
        background: url('/public/tumblr/hamburger.png') center center no-repeat;
        width: 28px; height: 18px;
        text-indent: -9999px;
    }
    header nav {float: right;}
    header h1, header h1 a {
        float: left;
        text-transform: uppercase;
        font-size: 28px; font-size: 2.8rem;
        font-size: 700;
        color: #b0e1e0;
    }
    header ul {overflow: visible;}
        header ul li {float: left;}
            header ul li a {
                color: #b5b5b5;
                margin-right: 40px;
                position: relative;
                letter-spacing: 1px;
                font-weight: 100;
                -webkit-transition: all .3s ease-in-out;
                   -moz-transition: all .3s ease-in-out;
                    -ms-transition: all .3s ease-in-out;
                     -o-transition: all .3s ease-in-out;
                        transition: all .3s ease-in-out;
            }
            header ul li a:hover,header ul li a.current {color: #7c7c7c;}
            header ul li:last-child a {margin-right: 0;}

                header ul li a:hover span,header ul li a.current span {width: 12px; left: -14px;}
                header ul li a span {
                    -webkit-transition: all .3s ease-in-out;
                       -moz-transition: all .3s ease-in-out;
                        -ms-transition: all .3s ease-in-out;
                         -o-transition: all .3s ease-in-out;
                            transition: all .3s ease-in-out;
                    display: block;
                    position: absolute;
                    top: 9px; left: 0;
                    width: 0; height: 2px;
                    background: #b0e1e0;
                }
                header a img {
                    position: absolute;
                    left: 0; top: 50%; margin-top: -22px;
                    max-height: 44px;
                }

/* ************************** LATEST POSTS ************************** */
.item {
    margin: 2%;
    background: #fff;
    overflow: hidden;
}
    .item a {
        -webkit-backface-visibility: hidden;
        position: relative;
        display: block;
        overflow: hidden;
        width: 100%; height: 100%;
    }
    .onecol {width: 20.9%;}
    .twocol {width: 45.9%;}
    .item img {max-width: 100%; min-width: 100%;}
    .item h3 {line-height: .9;}
.item .content {
    padding: 30px 25px 25px 25px;
    font-size: 16px; font-size: 1.6rem;
    text-align: left;
    line-height: 1.3;
    color: #494949;
}
.item a .overlay {
    -webkit-transition: all .3s ease-in-out;
       -moz-transition: all .3s ease-in-out;
        -ms-transition: all .3s ease-in-out;
         -o-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out;
    opacity: 0;
    position: absolute;
    z-index: 1000;
    width: 100%; height: 100%;
    background: #b0e1e0;
}
    .item a .overlay span {
        display: block;
        width: 42px; height: 42px;
        background: url('/public/tumblr/cross.png');
        position: absolute;
        top: 50%; left: 50%;
        margin: -21px 0 0 -21px;
        z-index: 1100;
        opacity: 0;
        -webkit-transition: all .5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
           -moz-transition: all .5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
            -ms-transition: all .5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
             -o-transition: all .5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
                transition: all .5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    }
.item a:hover .overlay {opacity: 1;}
    .item a:hover .overlay span {
        opacity: 0.9;
        -webkit-transform: rotate(360deg);
           -moz-transform: rotate(360deg);
            -ms-transform: rotate(360deg);
             -o-transform: rotate(360deg);
                transform: rotate(360deg);
    }


/* ************ QUOTE ************ */
.item .content.quote blockquote {overflow: hidden; font-weight: 700;}
.item .content.quote span {
    font-family: 'Prosto One', cursive;
    font-size: 40px; font-size: 4rem;
    position: relative;
    top: 12px;
    float: left;
    padding-right: 10px;
    display: block;
    color: #4D4D4D;
    line-height: .5;
}
.item .content .source {
    font-size: 17px; font-size: 1.7rem;
    color: #494949;
}
.item .quote .source {
    position: relative;
    top: 9px;
    font-size: 13px; font-size: 1.3rem;
    color: #818080;
}

/* ************ MUSIC ************ */
.item iframe {width: 100%; max-width: 100%;}
.item .content.audio .source {
    position: relative;
    top: 8px;
}

/* ************ TEXT ************ */
.item .content a {color: #4D4D4D;}
.item .content.text p {margin-bottom: 10px; font-weight: 100;}
.item .content h3 a {
    color: #2f2f2f;
    font-weight: 700;
    font-size: 23px; font-size: 2.3rem;
    line-height: 1;
}
.item .content a.readmore {
    padding: 3px 6px;
    border: 1px solid #e5e5e5 ;
    color: #b3b3b3;
    font-weight: 100;
    font-size: 13px;
    width: 66px;
    display: block;
    border-radius: 3px;
    position: relative;
    top: 7px;
    -webkit-transition: all .2666s ease-in-out;
       -moz-transition: all .2666s ease-in-out;
        -ms-transition: all .2666s ease-in-out;
         -o-transition: all .2666s ease-in-out;
            transition: all .2666s ease-in-out;
}
    .item .content a.readmore span {
        color: #949494;
        -webkit-transition: all .2666s ease-in-out;
           -moz-transition: all .2666s ease-in-out;
            -ms-transition: all .2666s ease-in-out;
             -o-transition: all .2666s ease-in-out;
                transition: all .2666s ease-in-out;
        opacity: 0;
        position: absolute;
        right: 0; top: 3px;
    }
.item .content a.readmore:hover span {opacity: 1; right: 8px;}
.item .content a.readmore:hover {color: #949494; width: 80px;}

/* ************ VIDEO ************ */
.item .video .source {margin-top: 20px;}
.item .video iframe {height: initial;}

/* ************ PHOTOSET ************ */
.photoset a {display: none;}
.photoset a:first-child {display: block;}



/* *************************** PROFILE *************************** */
#profile p {
    font-family: 'Archer SSm A', 'Archer SSm B'; font-weight: 500; font-style: normal;
    font-size: 35px; font-size: 3.5rem;
    font-weight: bold;
    line-height: 1.4;
    color: #909090;
    width: 65%;
    margin: 0 auto;
}
#profile p strong {border-bottom: 5px solid #b0e1e0;}

.fadeInDown {
    margin-top: 25px;
    font-size: 21px;
    text-align: center;

    -webkit-animation: fadein 2s; /* Safari and Chrome */
       -moz-animation: fadein 2s; /* Firefox */
        -ms-animation: fadein 2s; /* Internet Explorer */
         -o-animation: fadein 2s; /* Opera */
            animation: fadein 2s;
}

@-webkit-keyframes fadein {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@-moz-keyframes fadein {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@-ms-keyframes fadein {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@-o-keyframes fadein {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes fadein {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}


/* *************************** CONNECT *************************** */
#connect {overflow: hidden;}
#connect section {
    display: inline-block;
    text-align: center;
    width: 30%;
    float: left;
    margin-right: 5%;
}
#connect .contain {
    overflow: hidden;
    margin: 0 auto;
}
#connect section:last-child ,#connect section.instagram {margin-right: 0;}
    #connect section .connect-head {width: 100%; overflow: hidden; margin-bottom: 20px;}
        #connect section .connect-head a {
            -webkit-transition: all .3s ease-in-out;
               -moz-transition: all .3s ease-in-out;
                -ms-transition: all .3s ease-in-out;
                 -o-transition: all .3s ease-in-out;
                    transition: all .3s ease-in-out;
            float: right;
            color: #ccc;
            display: block;
            position: relative;
            text-align: left;
            font-size: 14px; font-size: 1.4rem;
            padding: 6px 10px;
            border: 1px solid #ccc;
            border-radius: 3px;
        }
        .connect-head svg {float: left;}
        #connect section .connect-head a:hover {
            color: #b0e1e0;
            border: 1px solid #b0e1e0;
        }
        
/* ******** TWITTER ******** */
#twitter h3 {display: none;}
#twitter {text-align: left;}
    #twitter a {display: none;}
    #twitter a:nth-child(1),#twitter a:nth-child(2),#twitter a:nth-child(3) {display: block;}
    #twitter a {
        padding-bottom: 20px;
        border-bottom: 1px solid #e2e1e1;
        font-weight: 300;
    }
        #twitter a .content{
            color: #4d4d4d;
            font-size: 17px; font-size: 1.7rem;
            margin-top: 20px;
            line-height: 1.6;
        }
        #twitter a .content:hover {color: #202020;}
        
/* ******** DRIBBBLE ******** */
.dribbble-feed, #instafeed {overflow: hidden;}
.shot, #instafeed a {
    width: 30.5%;
    display: block;
    margin-bottom: 15px;
    margin-right: 3%;
    background: #b0e1e0;
    border-bottom: 3px solid #b0e1e0;
    float: left;
}
.shot:nth-child(3n+3), #instafeed a:nth-child(3n+3) {margin-right: 0;}
    .shot a, #instafeed a {
        display: block; 
        position: relative; 
        overflow: hidden;
        color: #fff;
    }
        .shot img, .shot .infos, #instafeed img, #instafeed .infos {
            position: relative;
            -webkit-transition: all .3s ease-in-out;
               -moz-transition: all .3s ease-in-out;
                -ms-transition: all .3s ease-in-out;
                 -o-transition: all .3s ease-in-out;
                    transition: all .3s ease-in-out;
        }
        .shot img, #instafeed img {max-width: 100%; position: relative;top:0;-moz-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
        .shot .infos, #instafeed .infos {
            -webkit-transition: all .3s ease-in-out;
               -moz-transition: all .3s ease-in-out;
                -ms-transition: all .3s ease-in-out;
                 -o-transition: all .3s ease-in-out;
                    transition: all .3s ease-in-out;
            text-shadow: 0 1px 0 rgba(0,0,0,.1);
            font-size: 13px; font-size: 1.3rem;
            text-align: center;
            position: absolute;
            bottom: -100px; left: 0;
            width: 100%;
            text-transform: uppercase;
            font-weight: 700;
            background: #b0e1e0;
            padding: 10px 0;
        }
            .shot .infos {height: 30px;}
            .shot .infos ul {
                overflow: hidden;
                position: absolute;
                top: 30px; left: 50%;
                margin-left: -43px;
            }
            .shot .infos ul li, #instafeed .infos ul li {
                float: left;
                background: url('/public/tumblr/icon-dribbble-infos.png') left center no-repeat;
                margin-right: 15px;
                padding-left: 20px;
                font-weight: 100;
            }
            .shot .infos ul li:first-child, #instafeed .infos ul li:first-child {background-position: 0 -30px;}
            .shot .infos ul li:nth-child(2) {background-position: 0 0;}
            .shot .infos ul li:last-child, #instafeed .infos ul li:last-child {margin-right: 0; background-position: 0 -15px;}
        .shot a:hover img, #instafeed a:hover img {top: -35px;}
        .shot a:hover .infos, #instafeed a:hover .infos {bottom: 0;}


/* ******** INSTAGRAM ******** */
#instafeed a {
    display: block; 
    overflow: hidden;
    border-bottom: 5px solid #b0e1e0;
}
#instafeed a img {
    display: block;
    width: 100%; max-width: 100%;
}
#instafeed .infos {height: 20px;}
#instafeed .infos ul {
    overflow: hidden; 
    position: absolute;
    left: 50%; margin-left: -40px;
    top: 15px;
}

/* *************************** CONTACT *************************** */
#contact ul {margin-bottom: 60px;}
    #contact ul li, #contact ul li a {
        font-size: 35px; font-size: 3.5rem;
        font-weight: bold;
        color: #959595;
        margin-bottom: 10px;
    }
    #contact .link-mail {
        position: relative; top: 0;
        -webkit-transition: all .25s ease-in-out;
           -moz-transition: all .25s ease-in-out;
            -ms-transition: all .25s ease-in-out;
             -o-transition: all .25s ease-in-out;
                transition: all .25s ease-in-out;
        overflow: hidden;
        border-bottom: 2px solid transparent;
    }
    #contact .link-mail:hover {top: -4px; border-bottom: 3px solid #b0e1e0;}
    
#contact a.social {
    -webkit-backface-visibility: hidden;
    font-size: 29px; font-size: 2.9rem;
    color: #b7b7b7;
    position: relative;
}
    #contact a.social b {font-family: 'Montserrat', sans-serif; letter-spacing: -1px;}
    #contact a.social span {
        padding-right: 10px; 
        opacity: .35; 
        -webkit-transition: all .1666s ease-in-out;
           -moz-transition: all .1666s ease-in-out;
            -ms-transition: all .1666s ease-in-out;
             -o-transition: all .1666s ease-in-out;
                transition: all .1666s ease-in-out;
        }
    #contact a.social:hover span {opacity: .8;}

/* *************************** PERMALINK PAGES *************************** */
#permalink-page {
    background: #F1F0EE;
    padding: 60px 0;
}
    #permalink-page .photo-contain {
        display: inline-block;
        position: relative; 
        -webkit-animation: movein .8s 1 cubic-bezier(0.25, 0.46, 0.45, 0.94);
           -moz-animation: movein .8s 1 cubic-bezier(0.25, 0.46, 0.45, 0.94);
            -ms-animation: movein .8s 1 cubic-bezier(0.25, 0.46, 0.45, 0.94);
             -o-animation: movein .8s 1 cubic-bezier(0.25, 0.46, 0.45, 0.94);
                animation: movein .8s 1 cubic-bezier(0.25, 0.46, 0.45, 0.94);
        }
        @-webkit-keyframes movein {0% {bottom: -500px; opacity: 0;}100% {bottom: 0; opacity: 1;}}
        @-moz-keyframes movein {0% {bottom: -500px; opacity: 0;}100% {bottom: 0; opacity: 1;}}
        @-ms-keyframes movein {0% {bottom: -500px; opacity: 0;}100% {bottom: 0; opacity: 1;}}
        @-o-keyframes movein {0% {bottom: -500px; opacity: 0;} 100% {bottom: 0; opacity: 1;}}
        @keyframes movein {0% {bottom: -500px; opacity: 0;} 100% {bottom: 0; opacity: 1;}}
        
        #permalink-page img {
            max-width: 100%;
        }
        #permalink-page img.photoset {
            margin: 100px auto 0 auto;
            text-align: center;
            display: block;
            clear: both;
            max-width: 100%;
        }
        #permalink-page img.photoset:first-child {margin-top: 0;}
        #permalink-page img.photoset:last-child {margin-bottom: 0;}
        #permalink-page .caption {
            position: relative;
            top: -2px;
            width: 50%;
            margin: 80px auto 20px auto;
            font-size: 18px; font-size: 1.8rem;
            line-height: 1.5;
            color: #808080;
            text-align: left;
        }
        #permalink-page .caption.photo {
            padding: 60px 0;
            background: #fff;
            width: 100%;
            margin: 0;
        }
            #permalink-page .inside-wrap {width: 50%; margin: 0 auto;}
            #permalink-page .inside-wrap p {margin-bottom: 20px;}
        #permalink-page .caption.text {
            margin-top: 0;
            width: 100%;
        }
        #permalink-page .caption.text p {margin-bottom: 15px;}
        #permalink-page .caption a {color: #626161;}
        #permalink-page .caption a:hover {color: #b0e1e0;}


        /* ******* SHARE ******* */
        #permalink-page .caption .share, #permalink-page .caption ul,
        #permalink-page .caption ul li a,
        .like_button {
            -webkit-transition: all .23s ease-in-out;
               -moz-transition: all .23s ease-in-out;
                -ms-transition: all .23s ease-in-out;
                 -o-transition: all .23s ease-in-out;
                    transition: all .23s ease-in-out;
        }
        #permalink-page .caption .share {
            cursor: pointer;
            width: 35px;
            position: relative;
            padding: 1px 8px 3px 8px;
            border-radius: 4px;
            border: 1px solid #ccc;
            font-weight: 100;
            font-size: 15px; font-size: 1.5rem;
            overflow: hidden;
        }
            #permalink-page .caption .share ul {
                position: absolute;
                overflow: hidden;
                opacity: 0;
                top: 40px; right: 0;
            }
                #permalink-page .caption .share ul li {float: left;margin-right: 8px;}
                    #permalink-page .caption .share ul li a {
                        opacity: .4;
                        background: url('/public/tumblr/icons.png') 0 0 no-repeat;
                        display: block;
                        text-indent: -9999px;
                        width: 20px; height: 20px;
                    }
                    .like_button {opacity: .3;}
                    #permalink-page .caption .share ul li:nth-child(3) a {background-position: -40px 0;}
                    #permalink-page .caption .share ul li:last-child a {background-position: -20px 0;}
                    
        #permalink-page .caption .share:hover {width: 150px;}
            #permalink-page .caption .share:hover ul {opacity: 1; top: 3px;}
                #permalink-page .caption .share ul li a:hover {opacity: .8;}
                .like_button:hover {opacity: .6;}

/* *************************** FOOTER *************************** */
footer {
    height: 90px;
    line-height: 90px;
}
footer, footer a {
    color: #bebdbd;
    font-weight: 300;
}
footer a:hover {color: #b0e1e0;}
footer section {width: 33%;}
footer section.left {float: left; text-align: left;}
footer section.center {float: left; text-align: center;}
footer section.right {float: right; text-align: right;}

/* *************** ISOTOPE TRANSITIONS *************** */
.isotope, .isotope .isotope-item { 
    -webkit-transition-duration: 0.8s; 
       -moz-transition-duration: 0.8s; 
        -ms-transition-duration: 0.8s; 
         -o-transition-duration: 0.8s; 
            transition-duration: 0.8s; 
}
.isotope .isotope-item { 
    -webkit-transition-property: -webkit-transform, opacity;
       -moz-transition-property: -moz-transform, opacity; 
        -ms-transition-property: -ms-transform, opacity; 
         -o-transition-property: top, left, opacity; 
            transition-property: transform, opacity; 
}    
.isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition { 
    -webkit-transition-duration: 0s; 
       -moz-transition-duration: 0s; 
        -ms-transition-duration: 0s; 
         -o-transition-duration: 0s; 
            transition-duration: 0s; 
}


svg path {fill: #b0e1e0 !important;}


/* ANIMATE THUMBNAILS WHEN LOADED */
#works {height:0;}
.thumbnails {
    opacity: 0;
    position: relative;
    -webkit-transform: translate3d(0, -500px, 0);
       -moz-transform: translate3d(0, -500px, 0);
        -ms-transform: translate3d(0, -500px, 0);
         -o-transform: translate3d(0, -500px, 0);
            transform: translate3d(0, -500px, 0);
    left: 0;
    -webkit-transition: all 1.5s cubic-bezier(0.19, 1, 0.22, 1);
       -moz-transition: all 1.5s cubic-bezier(0.19, 1, 0.22, 1);
        -ms-transition: all 1.5s cubic-bezier(0.19, 1, 0.22, 1);
         -o-transition: all 1.5s cubic-bezier(0.19, 1, 0.22, 1);
            transition: all 1.5s cubic-bezier(0.19, 1, 0.22, 1);
}
.movein {
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    opacity: 1;
}
#tumblr_controls { 
top: 100% !important; 
margin: -30px 0 0 0;
z-index: 5000;
right: 30px !important; 
position: fixed !important; 
}

#infscr-loading {
    opacity: 0 !important;
    position: absolute !important;
    z-index: -4000 !important;
    left: -9999px !important;
}



/* *************************** MEDIAQUERIES *************************** */
/* ************************************************* 1250px ***** */
@media only screen and (max-width : 1250px) {
    .shot .infos, #instafeed .infos {font-size: 11px; font-size: 1.1rem;}
}/* end 1200px */


/* ************************************************* 1200px ***** */
@media only screen and (max-width : 1200px) {
    .item {margin: 2%;}
    .onecol {width: 29%;}
}/* end 1200px */


/* ************************************************* 1024px ***** */
@media only screen and (max-width : 1024px) {
    #profile p {width: 100%;}
    footer section.center {width: 46.5%; text-align: left;}
    footer section.right {width: 20%;}
}/* end 1024px */


/* ************************************************* 920px ***** */
@media only screen and (max-width : 920px) {
    .item {margin: 2%;}
    .onecol {width: 45%;}
}/* end 920px */


/* ************************************************* 720px ***** */
@media only screen and (max-width : 720px) {
    h2 {
        margin-bottom: 50px;
        font-size: 46px; font-size: 4.6rem;
    }
    h3 {
        font-size: 26px;
        font-size: 2.6rem;
    }
    header a img {
        max-height: 30px;
        margin-top: -15px;
    }
    #connect section {
        width: 100%;
        float: none;
        margin: 40px 0 0 0;
    }
    #connect section:first-child {margin-top: 0;}
    #permalink-page .inside-wrap {width: 85%; margin: 0 auto;}
    footer {
        font-size: 15px; font-size: 1.5rem;
        padding: 20px 0;
        height: auto;
        line-height: 1.5;
    }
    footer section.left,footer section.center,footer section.right {float: none; text-align: left;width: 100%;}
}/* end 720px */


/* ************************************************* 600px ***** */
@media only screen and (max-width : 600px) {
    h2 {font-size: 40px; font-size: 4.0rem;}
    h3 {font-size: 24px;font-size: 2.4rem;}
    header a img {max-height: 24px; margin-top: -12px;}
    #profile, #blog,#connect,#contact {padding: 60px 0;}
    #works {padding: 30px 0;}
    
    #profile p {font-size: 24px; font-size: 2.4rem;}
    #profile p strong {border-bottom: 3px solid #b0e1e0;}
    
    .desktop-nav {display: none;}
    .display-nav {display: block;}
    
    .item {margin: 25px 2%;}
    .onecol {width: 95.9%;}
    
    .connect-head a img,.connect-head a svg {right: 8px;opacity: 1;}
    #connect section .connect-head a {
        /*width: 64px;*/
        color: #b0e1e0;
        border: 1px solid #b0e1e0;
    }    
    #permalink-page img.photoset {margin: 50px auto 0 auto;}
    #permalink-page .caption .share {width: 150px;}
    #permalink-page .caption .share ul {opacity: 1; top: 3px;}
    
    #contact ul li, #contact ul li a {font-size: 28px; font-size: 2.8rem;}
    #contact a.social {font-size: 22px; font-size: 2.2rem;background:none;}
    #contact a.social:hover {padding-left: 0px; background: none;}
    #contact a.social span {display: none;}
}/* end 600px */

/***************** LOADER *********************/
.loader {
    width: 100%; height: 100%;
    position: absolute; top: 0; left: 0;
}
    .loader span {
        height: 100%;
        display: block;
        position: absolute;
        background: #b0e1e0;
        top: 0;
        width: 100%;
        left: -100%;
        -webkit-animation: loader 5s infinite linear;
           -moz-animation: loader 5s infinite linear;
            -ms-animation: loader 5s infinite linear;
             -o-animation: loader 5s infinite linear;
                animation: loader 5s infinite linear;
    }
@-webkit-keyframes loader {0% {left: -100%} 100% {left: 0;}}
   @-moz-keyframes loader {0% {left: -100%} 100% {left: 0;}}
    @-ms-keyframes loader {0% {left: -100%} 100% {left: 0;}}
     @-o-keyframes loader {0% {left: -100%} 100% {left: 0;}}
         keyframes loader {0% {left: -100%} 100% {left: 0;}}

/* Bold the project title labels; the reset above leaves <strong> at normal weight. */
.container strong {font-weight: bold;}

/* Body text: the reset above sets line-height: 1, which runs lines together. */
.container p, .container li, .page p, .page li {line-height: 1.5;}

/* Space between the gray profile band and the text on project and profile pages. */
.container {padding-top: 14px;}