/* line 10, /projects/stylegun/source/stylesheets/_logo.scss */
.logo-image-white {
  background: url(/images/stylegun-black.svg) no-repeat center center; }

/* line 14, /projects/stylegun/source/stylesheets/_logo.scss */
.logo-image-black {
  background: url(/images/stylegun-white.svg) no-repeat center center; }

/* line 18, /projects/stylegun/source/stylesheets/_logo.scss */
.logo-image-white, .logo-image-black {
  height: 40%;
  width: 100%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%); }

/* line 4, /projects/stylegun/source/stylesheets/_hero-image.scss */
.hero-image {
  background: url(/images/hero-image.jpg) no-repeat center;
  background-size: cover;
  min-height: 493px; }

/* line 2, /projects/stylegun/source/stylesheets/_fonts.scss */
h1 {
  font-size: 4rem; }

/* line 6, /projects/stylegun/source/stylesheets/_fonts.scss */
h2 {
  font-size: 3.5rem; }

/* line 10, /projects/stylegun/source/stylesheets/_fonts.scss */
h3 {
  font-size: 3rem; }

/* line 14, /projects/stylegun/source/stylesheets/_fonts.scss */
h4 {
  font-size: 2.5rem; }

/* line 18, /projects/stylegun/source/stylesheets/_fonts.scss */
h5 {
  font-size: 2rem;
  text-transform: uppercase; }

/* line 23, /projects/stylegun/source/stylesheets/_fonts.scss */
h6 {
  font-size: 1.75rem;
  font-weight: 100; }

/* line 28, /projects/stylegun/source/stylesheets/_fonts.scss */
p {
  font-size: 1.5rem; }

/* line 32, /projects/stylegun/source/stylesheets/_fonts.scss */
a {
  color: blue; }

/* line 1, /projects/stylegun/source/stylesheets/_stylegunstyles.scss */
html {
  font-size: 62.5%; }

/* line 5, /projects/stylegun/source/stylesheets/_stylegunstyles.scss */
body {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 1.5rem;
  color: #404040; }

/* line 11, /projects/stylegun/source/stylesheets/_stylegunstyles.scss */
h1.label {
  font-size: 2rem;
  margin-bottom: 0;
  display: inline-block; }

/* line 17, /projects/stylegun/source/stylesheets/_stylegunstyles.scss */
h2.label {
  font-size: 1.9rem;
  font-weight: 400;
  margin-top: .5rem;
  display: inline-block; }

/* line 24, /projects/stylegun/source/stylesheets/_stylegunstyles.scss */
h3.label {
  font-size: 1.75rem;
  text-transform: uppercase; }

/* line 29, /projects/stylegun/source/stylesheets/_stylegunstyles.scss */
h4.label {
  font-size: 1.5rem;
  font-weight: 100;
  color: #414042; }

/* line 35, /projects/stylegun/source/stylesheets/_stylegunstyles.scss */
.block {
  width: 90%;
  margin: 5% auto; }

/* line 41, /projects/stylegun/source/stylesheets/_stylegunstyles.scss */
.block.palette {
  font-size: 0; }

/* line 45, /projects/stylegun/source/stylesheets/_stylegunstyles.scss */
.hero-image {
  width: 100%;
  margin: 0; }

/*----------Project Name----------*/
/* line 52, /projects/stylegun/source/stylesheets/_stylegunstyles.scss */
.header {
  margin: 0; }

/* line 56, /projects/stylegun/source/stylesheets/_stylegunstyles.scss */
.project-name {
  width: 100%; }
  /* line 58, /projects/stylegun/source/stylesheets/_stylegunstyles.scss */
  .project-name .container {
    width: 90%;
    margin: auto;
    padding: 1rem; }

/* line 65, /projects/stylegun/source/stylesheets/_stylegunstyles.scss */
.primary-palette,
.secondary-palette,
.tertiary-palette {
  margin-bottom: 20px; }

/* line 71, /projects/stylegun/source/stylesheets/_stylegunstyles.scss */
.color-tile {
  font-size: 2rem; }

/* line 74, /projects/stylegun/source/stylesheets/_stylegunstyles.scss */
.primary-palette .color-tile {
  width: 26%;
  height: 20vw; }

/* line 78, /projects/stylegun/source/stylesheets/_stylegunstyles.scss */
.secondary-palette .color-tile {
  width: 18%;
  height: 16vw; }

/* line 82, /projects/stylegun/source/stylesheets/_stylegunstyles.scss */
.tertiary-palette .color-tile {
  width: 10%;
  height: 8vw; }

/*----------Logo Options----------*/
/* line 89, /projects/stylegun/source/stylesheets/_stylegunstyles.scss */
.logo-options {
  border-bottom: 1px solid #000; }

/* line 93, /projects/stylegun/source/stylesheets/_stylegunstyles.scss */
.logo-background {
  display: inline-block;
  position: relative;
  width: 49.75vw;
  height: 40vh; }
  /* line 99, /projects/stylegun/source/stylesheets/_stylegunstyles.scss */
  .logo-background.white {
    background-color: #fff; }
  /* line 103, /projects/stylegun/source/stylesheets/_stylegunstyles.scss */
  .logo-background.black {
    background-color: #000; }

/*----------Color Palettes----------*/
/* line 112, /projects/stylegun/source/stylesheets/_stylegunstyles.scss */
.color-tile {
  border: 1px solid #ccc;
  display: block;
  float: left;
  width: 8rem;
  height: 8rem;
  margin: 2%;
  padding: 1%;
  text-align: center; }

/* line 123, /projects/stylegun/source/stylesheets/_stylegunstyles.scss */
.primary-color-one {
  background-color: #000; }

/* line 124, /projects/stylegun/source/stylesheets/_stylegunstyles.scss */
.primary-color-two {
  background-color: #e829a7; }

/* line 125, /projects/stylegun/source/stylesheets/_stylegunstyles.scss */
.primary-color-three {
  background-color: #fff; }

/* line 126, /projects/stylegun/source/stylesheets/_stylegunstyles.scss */
.secondary-color-one {
  background-color: #00e7d7; }

/* line 127, /projects/stylegun/source/stylesheets/_stylegunstyles.scss */
.secondary-color-two {
  background-color: #f5ff5c; }

/* line 128, /projects/stylegun/source/stylesheets/_stylegunstyles.scss */
.secondary-color-three {
  background-color: #f7f7f7; }

/* line 129, /projects/stylegun/source/stylesheets/_stylegunstyles.scss */
.secondary-color-four {
  background-color: #f7f7f7; }

/* line 130, /projects/stylegun/source/stylesheets/_stylegunstyles.scss */
.secondary-color-five {
  background-color: #f7f7f7; }

/* line 131, /projects/stylegun/source/stylesheets/_stylegunstyles.scss */
.secondary-color-six {
  background-color: #f7f7f7; }

/* line 132, /projects/stylegun/source/stylesheets/_stylegunstyles.scss */
.system-color-one {
  background-color: #f7f7f7; }

/* line 133, /projects/stylegun/source/stylesheets/_stylegunstyles.scss */
.system-color-two {
  background-color: #f7f7f7; }

/* line 134, /projects/stylegun/source/stylesheets/_stylegunstyles.scss */
.system-color-three {
  background-color: #f7f7f7; }

/* ----------------- raw css --------------- */
/* line 138, /projects/stylegun/source/stylesheets/_stylegunstyles.scss */
.code-samples {
  background-color: #f0f0f0 !important;
  border-top: 1px solid #ccc; }
  /* line 141, /projects/stylegun/source/stylesheets/_stylegunstyles.scss */
  .code-samples pre {
    color: white;
    background-color: #414042;
    border-radius: 4px;
    border: 1px solid #979797;
    padding: 20px; }

/* ----------------- micro clearfix --------------- */
/**
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
/* line 167, /projects/stylegun/source/stylesheets/_stylegunstyles.scss */
.cf:before, .block:before, .primary-palette:before,
.secondary-palette:before,
.tertiary-palette:before,
.cf:after,
.block:after,
.primary-palette:after,
.secondary-palette:after,
.tertiary-palette:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */ }

/* line 173, /projects/stylegun/source/stylesheets/_stylegunstyles.scss */
.cf:after, .block:after, .primary-palette:after,
.secondary-palette:after,
.tertiary-palette:after {
  clear: both; }

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
/* line 181, /projects/stylegun/source/stylesheets/_stylegunstyles.scss */
.cf, .block, .primary-palette,
.secondary-palette,
.tertiary-palette {
  *zoom: 1; }
