/* ==========================================================================
   Layout
   ========================================================================== */

/**
 * General layout styles
 *
 * List your general layout styles here. Think of reusable wrappers, columns or
 * snippets used accross multiple pages. If this file gets too big you might
 * want to consider creating some layout components.
*/

/**
 * Wrapper
 *
 * Wraps and centers content based on $site-width. If viewport if smaller
 * than $site-width the wrapper will be 100%.
 */
.wrapper {
  width: 100%;
  max-width: $site-width;
  margin: 0 auto;
}