title: (CSS) Change element's style upon window resize
body: <p>I recently stumbled upon this microsite from the Obama campaign: </p>
  
  <p><a href="http://www.barackobama.com/anniversary" rel="nofollow">http://www.barackobama.com/anniversary</a></p>
  
  <p>Among the many cool features of this site is its dynamic header -- when you resize your browser window smaller, the "<strong>OBAMA * BIDEN</strong>" logo up top automatically floats to left side of the header  and its width gets changed to 36px (thereby "hiding" the "OBAMA BIDEN" text).</p>
  
  <p>How did the developers of this page achieve this effect? Is this javascript/jquery driven, or purely a CSS trick? </p>
  
  <p>Ideas?</p>