/*  -------------------------------------------------------------
    MEDIA QUERIES - CLEAR PIXEL 2015
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */

    @media screen and (max-width: 1100px) {

        /* Header */

        #header .logo {
            display: block;
            text-align: center;
        }

        #header .tagline {
            display: block;
            float: none;
            text-align: center;
        }




        /* Footer */

        #pre-footer .logo {
            display: block;
            text-align: center;
        }

        #pre-footer .tagline {
            display: block;
            float: none;
            text-align: center;
        }
    }




    @media screen and (max-width: 1000px) {

        /* Hover Overrides */

        #header .tagline p a.email:hover {
            text-decoration: none;
        }

        #header a:hover,
        #content a:hover,
        #pre-footer a:hover,
        #footer a:hover {
            text-decoration: none;
            opacity: 1;
            filter: alpha(opacity=1);
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
        }




        /* Content */

        table td {
            display: block;
        }
    }







    @media screen and (max-width: 950px) {

        /* Content */

        #content .columns.colour_scheme_1 {
            padding: 10px 0;
        }
    }




    @media screen and (max-width: 800px) {

        /* Columns */

        #content .mobile_none {
            display: none !important;
        }

        #content .columns.three.colour_scheme_1 {
            -webkit-background-size: 100% auto;
            -moz-background-size: 100% auto;
            -o-background-size: 100% auto;
            background-size: 100% auto;
        }

        #wrapper #content .contentForm .submitBox .submitBtn,
        #wrapper #content .contentForm .submitBox .submitBtn:hover {
            color: #fff;
            background: #002554;
        }
    }





    @media screen and (max-width: 550px) {

        /* Header */

        #header .tagline p .break {
            display: block;
        }

        #header .tagline p span.last {
            margin: 10px 0 0 0;
        }



        /* Footer */

        #pre-footer .tagline p .break {
            display: block;
        }

        #pre-footer .tagline p span.last {
            margin: 10px 0 0 0;
        }
    }