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

    #services .intro .btn:first-of-type { margin: 0 1em 0 0; }
    #services .intro .btn:last-of-type { margin: 1em 0 0 0; }

   footer:last-child div {
        border-top:1px solid rgba(80,123,191,0.25);
        display:block;
        padding: 1.75em 0 0 0;
        margin: 1.5em 0 0 0;
        max-width:100%;
        text-align: left;
        }

    footer {
        padding: 0;
        margin: 0;
        }
    }

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

    footer figure {
        float: none;
        display: block;
        width: 100%;
        height: 43px;
        margin: 0 0 1.25em 0;
        padding: 0;
        text-align: center;
        }

    footer:first-child {
        padding: 0;
        margin: 0;
        display:block;
        }

    footer:last-child {
        padding: 0;
        margin: 0;
        display:block;
        }
    }

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

    p, ul { font-size:0.938em; }

    h1 { font-size: 1.583em; }

    h2 { font-size: 1.313em; }

    .btn { font-size:0.8125em; padding: 0.375em 0.625em 0.2em 0.625em; }

    section { padding: 1em 0; }

    .col { margin-left:0; }

    .col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col13, .col23 {
        width: 100%;
        margin: 0;
        }

    .intro { width: 100%; }

    .intro.down { padding: 8em 0 0 0; }

    .intro.mid { padding: 4em 0 3em 0; }



    #about article { width:100%; }

    #globalnav {
        background: #263349;
        display: block;
        height: 10000%;
        left: 100%;
        margin: 0;
        padding: 0;
        position: fixed;
        top: 0;
        vertical-align: top;
        min-width:240px;
        z-index:99;
        }

    #globalnav li,
    #globalnav li.pd li {
        display: block;
        margin: 0;
        }

    #globalnav li:not(.pd) a,
    #globalnav li.pd > a,
    #globalnav li.pd li a,
    #globalnav li.closemenu {
        background-color:initial;
        border-bottom: 1px solid #324059;
        color: #E1E5Eb;
        display: block;
        font-weight:normal;
        left: 0;
        margin: 0;
        position: relative;
        text-transform: none;
        top: 0;
        }

    #globalnav li a,
    #globalnav li.pd li a {
        font-weight: 400;
        padding: 0.625em 0 0.5em 1.125em;
        }

    #globalnav li a         { font-size: 0.938em; }
    #globalnav li.pd li a   { font-size: 1.0em; }

    #globalnav li.closemenu {
        cursor: pointer;
        padding: 0.875em 0 0.75em 1.125em;
        }

    #globalnav li.pd ul {
        opacity: 1;
        position: relative;
        top: 0;
        visibility: visible;
        border-top: 0;
        -webkit-transition: none;
            -ms-transition: none;
                transition: none;
        }

    #globalnav li.pd:hover > ul {
        opacity:1;
        visibility: visible;
        }


    #globalnav li.pd:hover > a,
    #globalnav li:not(.pd) a:not(.current):hover {
        border-color: #324059;
        color: #F0F2F5;
        }

    #globalnav li a.current {
        background: rgba(50,64,89,0.35);
        border-color: #324059;
        color: #F0F2F5;
        }

    #globalnav li.pd li a:not(.current):hover,
    #globalnav li.pd li a.current {
        background: initial;
        border-color: #324059;
        color: #F0F2F5;
        }

    #globalnav li.pd li a {
        text-indent:1.125em;
        position:relative;
        }

    #globalnav li.pd li a:before{
        content: "\e608";
        color: #798499;
        display:block;
        font-family:"ees";
        font-size:16px !important;
        position:absolute;
        margin-left:-1.125em;
        margin-top:-2px;
        }

    #toggle {
        color:#184899;
        cursor: pointer;
        display: inline-block;
        font-size: 0.938em;
        height: 54px;
        text-align: center;
        text-transform:uppercase;
        vertical-align: middle;
        width: 54px;
        padding:0;
        margin: 0 8% 0 0;
        }

    #toggle:after {
        content: "";
        display: inline-block;
        vertical-align: bottom;
        height: 100%;
        }

    figcaption {
        font-size: 0.8125em;
        line-height: 1.5em;
        }

    #video-container { margin:0 0 3em 0; }

    #logo {
        width:120px;
        height:48px;
        margin-left:8%;
        }

    article:after {
        content:"";
        display:block;
        margin-bottom:4em;
        }

    footer {
        font-size:0.800em;
        line-height:1.75em;
    }

    footer:first-child div,
    footer:first-child nav { width:100%; }

    footer:first-child div {
        border-bottom: 1px solid rgba(80,123,191,0.25);
        padding: 0 0 1.25em 0;
        margin: 0 0 1.25em 0;
        }

    footer:first-child nav {
        display:inline-block;
        text-align:justify;
        padding-top:0.25em;
        }

    footer:first-child nav:after {
        content:"";
        display:inline-block;
        height:0;
        width:100%;
        margin:0;
        padding:0;
        }

    footer:first-child:after {
        display:block;
        height:0;
        content:"";
        }

    .wrap {
        padding: 0 25px;
        }

    .masthead-wrap {
        padding: 0;
        }

    .wrap, .masthead-wrap, .banner {
        -webkit-transform:  translateX(0);
        -ms-transform:      translateX(0);
        transform:          translateX(0);
        -webkit-transition: 150ms ease;
        -ms-transition:     150ms ease;
        transition:         150ms ease;
        }

    .wrap.open, .masthead-wrap.open, .banner.open {
        -webkit-transform:  translateX(-240px);
        -ms-transform:      translateX(-240px);
        transform:          translateX(-240px);
        }
    }


@media only screen and (min-width: 320px) and (max-width: 479px) {

    #services .intro .btn { margin: 0; }
    footer:last-child li {
        display:block;
        }

    footer:first-child nav {
        display:block;
        position:relative;
        width:100%;
        }

    footer:first-child ul {
        display:block;
        float:left;
        left:0;
        margin:0;
        width:50%;
        }

    }