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

/**
 * medium break point
 */
@media screen and (max-width: 56.250em) { /** 900px **/

}

/**
 * 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;
    }
}

/**
 * small break point
 */
@media screen and (max-width: 31.250em) { /** 500px **/
    
}