foo { bar: baz; }

baz { bar: foo; }

@media screen and (max-width: 2) { foo { bar: baz; }
  baz { bar: foo; } }
@media screen and (min-width: 1) { foo { bar: baz; }
  baz { bar: foo; } }
@media screen and (min-width: 1) { foo { bar: baz; }
  baz { bar: foo; } }
@media screen and (min-width: 1) and (max-width: 2) { foo { bar: baz; }
  baz { bar: foo; } }