/** @-ms-viewport styles **/

/** 320px layout **/
@media screen and (max-width: 400px) {
  @-ms-viewport { width:320px; }
}

/** 400px layout **/
@media screen and (min-width: 400px) and (max-width: 640px) {
  @-ms-viewport { width: 400px; }
}

/** 640px layout **/
@media screen and (min-width: 640px) and (max-width: 1024px) {
  @-ms-viewport { width: 640px; }
}
/** by default, windows store apps using js automagically scale content if window is narrower than 1024px (primarily includes snapped state and portrait mode). specifying @-ms-viewport overrides default scaling **/
/** 1024px layout **/
@media screen and (min-width: 1024px) and (max-width: 1366px) {
  @-ms-viewport { width:1024px; }
}

/** 1366px layout **/
@media screen and (min-width: 1366px) {
  @-ms-viewport { width:1366px; }
}

/** scaling not needed or desired. document is optimized to work regardless of window's dimensions - http://msdn.microsoft.com/en-us/library/windows/apps/hh868813.aspx **/
/** ensure document functionality by testing in all desired window sizes, including narrow snapped state and portrait modes - http://msdn.microsoft.com/en-us/library/windows/apps/hh868813.aspx **/
@-ms-viewport { width:device-width }