@font-face {
  src: url('../fonts/OutputSans-Regular.eot'); /* IE < 9 */
  src: url('../fonts/OutputSans-Regular.eot?#') format("embedded-opentype"), /* IE 9 */
       url('../fonts/OutputSans-Regular.woff') format("woff");
  font-family: 'OutputSans';
  font-style: normal;
  font-weight: normal;
}
@font-face {
  src: url('../fonts/OutputSans-Italic.eot'); /* IE < 9 */
  src: url('../fonts/OutputSans-Italic.eot?#') format("embedded-opentype"), /* IE 9 */
       url('../fonts/OutputSans-Italic.woff') format("woff");
  font-family: 'OutputSans';
  font-style: italic;
  font-weight: normal;
}  
           
@font-face {
  src: url('../fonts/OutputSans-Black.eot'); /* IE < 9 */
  src: url('../fonts/OutputSans-Black.eot?#') format("embedded-opentype"), /* IE 9 */
       url('../fonts/OutputSans-Black.woff') format("woff");
  font-family: 'OutputSans';
  font-style: normal;
  font-weight: bold;
}

* {margin:0; padding:0; box-sizing:border-box;}

@-webkit-keyframes fade-in {0%{opacity:0;}50%{opacity:0;}100%{opacity:1;}}
.main {-webkit-animation-name:fade-in;-webkit-animation-duration:1s;}
.gutter, .gutter2 {-webkit-animation-name:fade-in;-webkit-animation-duration:2s;}

body {
  font-family:"OutputSans",sans-serif;
  font-size: 19px;
	color:#1a1a11;
  background:#fff;
  line-height: 1.55;
  position:relative;
  margin:0 auto;
  hyphens:hyphenate;
  background:url(../img/2.png) no-repeat 170% 18em;
}

a {border-bottom:1px solid;text-decoration:none;color:#1a1a11;-webkit-transition:all .08s ease-out;-moz-transition:all .08s ease-out;transition:all .08s ease-out;}
a:hover {color:#1a1a11;}
:focus {outline:none;}
    
p, ul {margin-bottom:.9em;}
p small {font-size:.9em;}
li {list-style:none;}

blockquote cite {opacity:.5;font-style:normal;}
span.quote {margin-left:-.5em;}

h1 {font-size:3.6em;color:#ff7600;letter-spacing:-0.02em;line-height:1;margin:0 0 .15em -.05em;}
h2 {font-size:2.2em;color:#ff7600;letter-spacing:-0.02em;line-height:1;margin-bottom:.25em;}
h3 {font-size:1em;}
h4 {font-size:1em;font-weight:normal;letter-spacing:.1em;text-transform:uppercase;margin:0 0 .15em -.05em;}

img {max-width:100%;height:auto;float:left;margin:.2em 0 1.2em 0;}
.images {clear:both;border:1px solid #ffc899;outline:1px solid #ffc899;outline-offset:-1px;margin:0 0 2.4em 0;background:#fff;}
.images img {margin:0;}

.cart {margin:1.2em 0;border:1px solid #1a1a11;overflow:auto;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.3);}
.cart .form {display:none;padding:.2em .4em;overflow:auto;}

.cart .form div {padding:.4em;float:left;}
.cart .form div.last {float:right;}
input, select {padding:.4em 1em;font-size:.8em;background:#fff;font-family: 'OutputSans';border:1px solid #ccc;}
input[type="submit"] {border:0;background:#ccc;color:#fff;border-radius:3px;-webkit-appearance:none;}
input[type="text"], input[type="email"] {-webkit-appearance:none;border-radius:0;}
.cart input.ready {background:#ff7600;cursor:pointer;}
.cart input.ready:hover {background:#1a1a11;}
.cart #total {font-weight:bold;text-align:center;}

a.buy {display:block;background:#1a1a11;color:#fff;padding:.7em 1em .6em 1em;border:0;}
a.buy span {float:right;font-weight:bold;}

.focus.cart {border-color:#ff7600;}
.focus a.buy {background:#ff7600;}

#mc_embed_signup {margin-bottom:1.2em;overflow:auto;}
#mc_embed_signup label {display:inline-block;margin-bottom:.2em;font-weight:bold;}
#mc_embed_signup input[type="text"],#mc_embed_signup input[type="email"] {font-size:1em;padding:.3em .4em;width:100%;margin-bottom:.4em;}
#mc_embed_signup input[type="submit"] {font-size:1em;padding:.3em;width:100%;background:#ff7600;}

#corner {z-index:999;position:absolute;top:-1px;left:-1px;background:#fff;}
#label {z-index:999;text-align:center;font-size:.8em;line-height:1.1;position:absolute;left:1.4em;top:1.15em;padding:1.2em;border-radius:100px;background:#fff;}
#label strong {font-size:1.5em;}

#nav {background:#1a1a11;padding:1.2em 2em;color:#fff;}
#nav a {color:#fff;border:none;}
#nav a:hover {border-bottom:1px solid;}
#nav ul {text-transform:uppercase;margin:0 auto;max-width:62em;}
#nav ul li {display:inline-block;margin-right:2.5em;font-size:.85em;letter-spacing:.04em;}

.social {margin:1em 2em 0 2em;text-align:right;}
.social a {line-height:1;display:inline-block;width:2em;height:2em;padding:.5em 0 .5em .5em;border:none;}
.social svg {width:1em;height:1em;}
.social a:hover {opacity:.4;}
.social a:last-of-type svg {height:1.3em;width:1.3em;}

#all {margin:0 auto;max-width:66em;}
.page {position:relative;margin:1em 2em 0em 2em;padding:6em 2em 3em 2em;border:1px solid;border-bottom:0;}
.page:before {background:#ffc899;display:block;content:"";top:0;bottom:0;left:13.8em;width:1px;position:absolute;z-index:9999;}
.page:after {background:#ff7600;width:240px;height:.9em;top:0;left:13.8em;content:"";position:absolute;}

.main {float:left;max-width:31em;z-index:9999;position:relative;}
.extra {display:none;}
.gutter {float:left;width:12em;margin:4.6em 3em 0 -3.2em;z-index:9999;position:relative;}

.notes {padding-top:.2em;margin-bottom:-1.4em;}
.notes li {font-size:.8em;margin-bottom:.4em;position:relative;}
.recognition li {position:relative;}
.notes li:before, .recognition li:before {content: "»";position:absolute;left:-1em;}

.footer {font-size:.7em;text-transform:uppercase;clear:both;}
.footer svg {width:35px;height:35px;margin:-.6em .6em 0 0;float:left;}
.footer a {color:inherit;border:0;}

.info {border:1px solid #ffc899;color:#ff7600;font-size:.8em;background:#fff;padding:1em 1.2em .1em 1.2em;margin-bottom:2.2em;}

.info svg {width:1em;height:auto;max-height:100%;margin:0 .4em -.1em 0;display:inline-block;}
.info svg path {fill:#ff7600;}
.info a {color:#ff7600;border:0;text-decoration:underline;}
.info a:hover {color:#1a1a11;}
.info a:hover svg path {fill:#1a1a11;}
.info p {margin-bottom:.4em;}
.info li {padding-left:1em;position:relative;}
.info li:before {content: "»";position:absolute;left:0;}
.info li+li {margin-top:.4em;}

.popup {display:none;width:50%;background:#fff;padding:1.7em 2.4em 1.2em 2.4em;box-shadow:0 1px 6px rgba(0,0,0,.2);}
.popup .close {position:absolute;top:0;right:0;color:#ff7600;font-size:2em;border:0;padding:0 .5em;cursor:pointer;}


@media only screen and (max-width :1200px) { 
  body {font-size:17px;}
  #label {left:1.8em;top:1.4em;}
}

@media only screen and (max-width :1070px) {
  body {background-position:180% 31em;} 
}

@media only screen and (max-width :865px) { 
  body {background-position:20em 16em;}
  .popup {width:90%;padding:1em 1.3em .6em 1.3em;}
  .gutter {display:none;}
  .extra {display:block;}
  .page {border:0;padding:0;margin:2em;}
  .page:after, .page:before {display:none;}
  .main {width:100%;max-width:none;}
  #corner, #label {display:none;}
  #nav ul li {margin:0 1em 0 0;}
  #mc_embed_signup label {width:100%;}
  #mc_embed_signup .mc-field-group {margin-right:1%;width:39%;float:left;}
  #mc_embed_signup .clear {width:20%;float:left;}
  .notes {margin-bottom:3em;}
  
}

@media only screen and (max-width :560px) { 
  body {font-size:16px;background-position:3em 14em;}
  h1 {font-size:2.5em;}
  #nav {padding:.6em 1.2em;}
  .social {margin:0em 1.2em 0 1.2em;}
  .page {padding:0 0 1em 0;margin:1.2em;border:0;}
  .shipping, select {width:100%;}
  #total {margin-left:.2em;}
  #mc_embed_signup .mc-field-group, #mc_embed_signup .clear {width:100%;margin-left:0;margin-right:0;}
}