/* Window Width Dependent Layouts */

#LeftColumn {
    width: 100%;
}

#RightColumn {
    width: 100%;
}

@media screen and (min-width: 1200px) {

    #LargeContent {
        /*display: inline-block;*/
        float: left;
        width: 50%;
    }

    #ResistanceByYearContent {
        /*display: inline-block;*/
        float: left;
        width: 50%;
    }

    #MICDistribution {
        float: left;
        width: 50%;
    }

    #QuickStatsDownload {
        /*display: inline-block;*/
        float: left;
        width: 50%; 
    }

    #QuickLinks {
        display: inline-block;
        float: left;
        width: 100%;
    }

    .contentColumnStats {
        float: left;
        display: inline-block;
        width: 50%;
    }

}

@media screen and (max-width: 1199px) and (min-width: 980px) {
    #QuickStatsDownload {
        display: inline-block;
        float: left;
        width: 100%;
    }

    #ResistanceByYearContent {
        display: inline-block;
        float: left;
        width: 100%;
    }

    #QuickLinks {
        display: inline-block;
        float: left;
        width: 100%;
    }

    #QuickStats {
        width: 50%;
        float: left;
    }

    #Download {
        width: 50%;
        float: right;
    }
}

@media screen and (max-width: 979px) and (min-width: 768px) {
    #QuickStatsDownload {
        width: 100%;
    }

    .contentColumnStats {
        float: left;
        display: inline-block;
        width: 50%;
    }

    #QuickStats {
        width: 50%;
        float: left;
    }

    #Download {
        width: 50%;
        float: right;
    }
}

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

    #divMoreInformation {
        display: none;
    }

    #Download {
        width: 100%;
    }

    #Quickstats {
        width: 100%;
    }
}

@media screen and (max-width : 400px) {
    #divPlayMessage {
        display: none;
    }
}