/**
 * custom wrapper width break point
 */
@media screen and (max-width: 1200px) {
    .sp-wrapper {
        width: 100%;
    }
}

/**
 * medium break point
 */
@media screen and (max-width: 56.250em) { /** 900px **/
    .sp-column-m-0 {
        width: 0;
        display: none;
    }
}

/**
 * horizontal medium break point
 */
@media screen and (max-width: 56.250em) and (orientation:landscape) {
    
}

/**
 * medium-small break point
 */
@media screen and (max-width: 42em) {
    .main-column {
        float: left;
    }
    
    .sp-table-column,
    .sp-table-column-ms-1 {
        width: 8.3333%
    }

    .sp-table-column-ms-2 {
        width: 16.6666%
    }

    .sp-table-column-ms-3 {
        width: 25%;
    }

    .sp-table-column-ms-4 {
        width: 33.3333%;
    }

    .sp-table-column-ms-5 {
        width: 41.6666%;
    }

    .sp-table-column-ms-6 {
        width: 50%;
    }

    .sp-table-column-ms-7 {
        width: 58.3333%
    }

    .sp-table-column-ms-8 {
        width: 66.6666%
    }

    .sp-table-column-ms-9 {
        width: 75%;
    }

    .sp-table-column-ms-10 {
        width: 83.3333%;
    }

    .sp-table-column-ms-12 {
        width: 100%;
    }
    
    .sp-column-ms-0 {
        width: 0;
        display: none;
    }
}

/**
 * small break point
 */
@media screen and (max-width: 31.250em) { /** 500px **/
    .sp-column-s-0 {
        width: 0;
        display: none;
    }
}