/*foundation flexgrid doesnt work in ie9*/

.mockup-text  {margin-top:100px !important; }

.footer-content .row div, .footer-links  div {float:left !important; }

section#testimonials .row div#testimonial-stats, section#testimonials .row div#testimonials-slider { float:left !important; }

.navbar-container img.desk-logo {margin-top:20px}

.hero #hero-overlay {
    background:rgba(51,153,102,0.75);
}

#footer-social {text-align: center}

#footer-links-right { text-align:center;}
.footer-links div > div {float:none !important}

@media (min-width: 320px) {
    .mockup-text  {margin-top:0 !important; }
}

@media (min-width: 640px) {
    section.hero h1
    { font-size:2em}

    section.hero hgroup {
        z-index: 200;
        position: absolute;
        top: 50%;
        left: 33%;
        -ms-transform: translate(-25%, -25%);
        /*transform: translate(-75%, -75%)*/
    }

}

@media (min-width: 1024px) {
    section.hero h1
    { font-size:2.8em}
    .mockup-text  {margin-top:350px !important; }

}