/*  
    contains MI version of core bootstrap CSS classes.  When we eventually cut over to the new site with full bootstrap then those pages 
    that use these classes should work fine.
*/

.row{
    display:block;
    clear:both;
    margin-bottom:10px;
}

.col-md-2, .col-md-4, .col-xs-4 {
    float: left;
    width: 15%;
    margin-left: 1%;
}

.col-md-3, .col-md-3, .col-xs-3 {
    float: left;
    width: 24%;
    margin-left: 1%;
}

.col-md-4, .col-lg-4, .col-xs-4 {
    float: left;
    width: 32%;
    margin-left: 1%;
}

.col-md-6, .col-lg-6, .col-xs-6 {
    float: left;
    width: 48%;
    margin-left: 1%;
}


.col-md-8, .col-lg-8, .col-xs-8 {
    float: left;
    width: 65%;
    margin-left: 1%;
}

.col-md-12, .col-lg-12, .col-xs-12{
    padding-top:10px;
    clear:both;
    width:100%;    
}

.form-control{
    width:100%;
}

input.form-control {
    font-size: 18px;
    padding:5px;
}


@media (max-width: 479px) {
    /* CSS for small screens */

}

@media only screen and (max-width: 991px) and (min-width: 769px) {
    /* CSS that should be displayed if width is equal to or less than 991px and larger 
  than 768px goes here */

}

@media only screen and (max-width: 991px) {
    /* CSS that should be displayed if width is equal to or less than 991px goes here */

}