/*
 * Styles for IE9 and below
 */

/* Page Headers */
.page-header:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    background-color: rgba(0,0,0,0.25);
}
@media screen and ( min-width:768px ) {
    .page-header {
        padding: 10rem 0;
    }
}
@media screen and ( min-width:1000px ) {
    .page-header {
        padding: 12rem 0;
    }
}
@media screen and ( min-width:1500px ) {
    .page-header {
        padding: 14rem 0;
    }
}

/* Program Courses */
.program-course {
    width: 100%;
}
@media screen and ( min-width:768px ) {
    .program-course {
        min-height: 320px;
        float: left;
        width: 48.5%;
        margin-right: 2.36%;
    }
    .program-course:nth-child(2n) {
        margin-right: 0;
    }
}
@media screen and ( min-width:1000px ) {
    .program-course {
        width: 31.7%;
    }
    .program-course:nth-child(2n) {
        margin-right: 2.36%;
    }
    .program-course:nth-child(3n) {
        margin-right: 0;
    }
}

/* Image Modules */
@media screen and ( min-width:1000px ) {
    .module--image .module__content {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translateX(-50%) translateY(-50%);
        -moz-transform: translateX(-50%) translateY(-50%);
        -ms-transform: translateX(-50%) translateY(-50%);
        -o-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
    }
}