/* Large devices (laptops/desktops, 992px and up) */



@media only screen and (min-width: 992px) {
  .example {background: orange;}
  #content {
    padding: 0 0;
  }



  /* Jello */
  body {
    padding: 0 350px 0 350px;   /* These side paddings together determine the natural min-width */
    margin: 0;
    text-align: center;         /* Center the wrappers in older IEwin versions */
    background: gray;
  }

  #sizer {
    margin: 6% auto 6% auto;    /* Centers the wrappers in standards browsers */
    width: 50%;                 /* The critical value for customizing the Jello behavior */
    max-width: 300px;           /* The version for IE6 is at the bottom of this style block */
  }

  #expander {
    background: white;
    margin: 0 -350px 0 -350px;  /* These side margins should be the same or slightly less than body padding */
    min-width: 700px;           /* Prevents Safari from losing the negative margins in narrow windows */
    position: relative;
    border-radius: 25px;
  }

  /* helps IE get the child percentages right. */
  #wrapper { width: 100%; }


  /* * * * * * * * * * * * * * * * * */

  #content {
    margin-left: 8%;
    margin-right: 8%;
    text-align: left;
    float: right;
    display: inline;            /* IEwin doubled margin bug fix */
  }

  /* http://positioniseverything.net/easyclearing.html */

  .clearfix:after {
      content: ".";
      display: block;
      height: 0;
      clear: both;
      visibility: hidden;
  }
}