/**
 * wrapper width break point
 */
@media screen and (max-width: 1200px) {

}

/**
 * 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) {
    
}

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

}