body #page .site-inner{background: blue;}


@media screen and (min-width: 27em) {
	body #page .site-inner{background: #000;} 
}

/**	
    14.1 - >= 710px 		---------------------------------------------------------------------------------------------------
*/
@media screen and (min-width: 44.375em) {
body #page .site-inner{background: red;}
}
/**	
    14.2 - >= 783px 		---------------------------------------------------------------------------------------------------
*/
@media screen and (min-width: 48.9375em) {
body #page .site-inner{background: orange;}
}
/**	
    14.3 - >= 910px 		---------------------------------------------------------------------------------------------------
*/
@media screen and (min-width: 56.875em) {
body #page .site-inner{background: green;}
}
/**	
    14.4 - >= 985px 		---------------------------------------------------------------------------------------------------
*/
@media screen and (min-width: 61.5625em) {
body #page .site-inner{background: yellow;}
}
/**	
    14.5 - >= 1200px 		---------------------------------------------------------------------------------------------------
*/
@media screen and (min-width: 75em) {
body #page .site-inner{background: #eeeeee;}
}