/*IE8 and IE9 (TOTALLY NOT NEEDED - I LEFT HERE FOR REFERENCE ONLY)*/
/*==================*/
html.no-flexbox .row {
    display: block\9;
}

/*The above solution doesn't work with font-family, so instead you need to use "\0/ !important"*/
/*Example: { font-family:Arial \0/ !important; }*/
#hero .tagline-layer .text-frame p {
    letter-spacing: normal \0/ !important;
}

/*IE10 and IE11*/
/*==================*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .navbar > .container, .navbar > .container-fluid {
        justify-content: flex-end !important;
    }
    .navbar .navbar-brand {
        position: absolute;
        top: 10px;
        left: 20px;
    }
    .navbar .nav-item.nav-megadropdown:hover .mega-menu {

        /*top: 80px !important;*/
        right: 20px;
        left: 20px;
    }
    #hero {
        background-attachment: inherit !important;
    }
    #hero .tagline-layer .text-frame p {
        letter-spacing: normal !important;
    }
    /*due to display: flex .card-deck doesn't work in IE; card-columns work, so swap properties: */
    .card-deck {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
        display: block !important;
    }
    .card-deck .card {
        display: inline-block !important;
    }
    .company-cell {
        float: left !important;
        min-height: 90px !important;
    }
}
/*# sourceMappingURL=ie.css.map */