@media (max-width: 414px) {

    h1.arrow { font-size:1.8em;}

    .p-l-25 { padding-left: 0;}

    ul.portfolio-filter li {

        display: block;

    }

    .isotope {

        margin:0 auto;

    }



}


/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575px) {

    .bar-long {

        top:55px;

    }


    #introWrapper {

       background-color: #f7e8d5;
       background-image:none;


    }

    .pull-right{float:none !important}

    h1.arrow { font-size:1.8em;}


    ul.portfolio-filter li {

        display: block;


    }

    .isotope {

        margin:0 auto;

    }
}


/*  Small devices (landscape phones, 576px and up) */

@media (min-width: 576px) and (max-width: 767px) {

    #introWrapper {

        background-color: #f7e8d5;
        background-image:none;


    }

    h1.arrow { font-size:1.8em;}
    .bar-long {

        top:55px;

    }

}

/*  Medium devices (tablets, 768px and up) */

@media (min-width: 768px) and (max-width: 991px) {

    #introWrapper {

        background-color: #f7e8d5;
        background-image:none;


    }

}

/*  Large devices (desktops, 992px and up) */

@media (min-width: 992px) and (max-width: 1199px) {

    #contact {

        background-image: url(../img/contact_1024.jpg);
        background-position: bottom;
        background-repeat: no-repeat;


    }

    #introWrapper {

        background-image: url(../img/mockup_1024.jpg);
        background-repeat: no-repeat;
        background-size: auto;

    }

}

/*  Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) and (max-width: 1366px) {

    #contact {

        background-image: url(../img/contact_1200.jpg);
        background-repeat: no-repeat;
        background-size: auto;

    }

    #introWrapper {

        background-image: url(../img/mockup_1200.jpg);
        background-repeat: no-repeat;
        background-size: auto;

    }

}

@media (min-width: 1367px) {

    #contact {

        background-image: url(../img/contact.jpg);

    }

}