@font-face {
  font-family: 'Copaseti';
  src: url("../font/Copaseti.eot");
  /* IE9 Compat Modes */
  src: url("../font/Copaseti.eot?#iefix") format("embedded-opentype"), url("../font/Copaseti.woff") format("woff"), url("../font/Copaseti.ttf") format("truetype"), url("../font/Copaseti.svg#svgFontName") format("svg");
  /* Legacy iOS */
}

@font-face {
  font-family: 'Kaapeli';
  src: url("../font/Kaapeli.eot");
  /* IE9 Compat Modes */
  src: url("../font/Kaapeli.eot?#iefix") format("embedded-opentype"), url("../font/Kaapeli.woff") format("woff"), url("../font/Kaapeli.ttf") format("truetype"), url("../font/Kaapeli.svg#svgFontName") format("svg");
  /* Legacy iOS */
}

/* line 40, /Users/mac/Documents/Websites/davidjuniper.com.dev.cc/scss/style.scss */
a {
  color: #98999b;
  outline: 0;
}

/* line 41, /Users/mac/Documents/Websites/davidjuniper.com.dev.cc/scss/style.scss */
a:link {
  color: #98999b;
}

/* unvisited link */
/* line 42, /Users/mac/Documents/Websites/davidjuniper.com.dev.cc/scss/style.scss */
a:hover {
  color: #f9fb80;
}

/* mouse over link */
/* line 43, /Users/mac/Documents/Websites/davidjuniper.com.dev.cc/scss/style.scss */
a:active {
  color: #f9fb80;
  text-decoration: underline;
}

/* selected link */
/* line 44, /Users/mac/Documents/Websites/davidjuniper.com.dev.cc/scss/style.scss */
a:visited {
  color: #f6f6f6;
}

/* visited link */
/* line 46, /Users/mac/Documents/Websites/davidjuniper.com.dev.cc/scss/style.scss */
h1, h2, h3, h4, h5, h6 {
  font-family: 'Copaseti', Fallback, sans-serif;
  color: #98999b;
  margin-bottom: 15px;
}

/* line 47, /Users/mac/Documents/Websites/davidjuniper.com.dev.cc/scss/style.scss */
p {
  font-family: 'Kaapeli', Fallback, sans-serif;
  color: #98999b;
}

/* line 49, /Users/mac/Documents/Websites/davidjuniper.com.dev.cc/scss/style.scss */
h1 {
  font-size: 2.6em;
}

/* line 50, /Users/mac/Documents/Websites/davidjuniper.com.dev.cc/scss/style.scss */
h2 {
  font-size: 2.2em;
}

/* line 51, /Users/mac/Documents/Websites/davidjuniper.com.dev.cc/scss/style.scss */
h3 {
  font-size: 1.8em;
  margin: 30px 0;
}

/* line 52, /Users/mac/Documents/Websites/davidjuniper.com.dev.cc/scss/style.scss */
h4 {
  font-size: 1.6em;
}

/* line 54, /Users/mac/Documents/Websites/davidjuniper.com.dev.cc/scss/style.scss */
p {
  font-size: 1.2em;
}

/* line 58, /Users/mac/Documents/Websites/davidjuniper.com.dev.cc/scss/style.scss */
body {
  background-color: #d1d0ce;
  font-size: 16px;
}

/* line 61, /Users/mac/Documents/Websites/davidjuniper.com.dev.cc/scss/style.scss */
body header {
  position: relative;
  width: 100%;
  background-color: #fffefd;
  height: 200px;
}

/* line 63, /Users/mac/Documents/Websites/davidjuniper.com.dev.cc/scss/style.scss */
body header .head-container {
  width: 960px;
  height: 200px;
  margin: 0 auto;
}

/* line 65, /Users/mac/Documents/Websites/davidjuniper.com.dev.cc/scss/style.scss */
body header .head-container img {
  position: relative;
  top: 25px;
  min-height: 150px;
  z-index: 100;
}

/* line 67, /Users/mac/Documents/Websites/davidjuniper.com.dev.cc/scss/style.scss */
body header .head-container h1 {
  position: relative;
  text-align: center;
  top: -110px;
  font-size: 2.6em;
  font-family: 'Kaapeli', Fallback, sans-serif;
  letter-spacing: 20px;
  z-index: 1;
}

/* line 69, /Users/mac/Documents/Websites/davidjuniper.com.dev.cc/scss/style.scss */
body header .head-container h1 a {
  text-transform: uppercase;
  color: #98999b;
  text-decoration: none;
}

/* line 71, /Users/mac/Documents/Websites/davidjuniper.com.dev.cc/scss/style.scss */
body header .head-container h1 a:hover {
  color: #88d3e8;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}

/* line 74, /Users/mac/Documents/Websites/davidjuniper.com.dev.cc/scss/style.scss */
body header .head-container h2 {
  text-transform: uppercase;
  color: #98999b;
  position: relative;
  text-align: center;
  top: -110px;
  font-size: 1.6em;
  font-family: 'Kaapeli', Fallback, sans-serif;
  letter-spacing: 11px;
  z-index: 1;
}

/* line 77, /Users/mac/Documents/Websites/davidjuniper.com.dev.cc/scss/style.scss */
body header .head-container nav.respond {
  display: none;
}

/* line 79, /Users/mac/Documents/Websites/davidjuniper.com.dev.cc/scss/style.scss */
body header .head-container nav.wide {
  position: relative;
  width: 100%;
  top: -80px;
}

/* line 81, /Users/mac/Documents/Websites/davidjuniper.com.dev.cc/scss/style.scss */
body header .head-container nav.wide ul {
  text-align: right;
  list-style-type: none;
  font-family: Copaseti;
  color: #98999b;
}

/* line 83, /Users/mac/Documents/Websites/davidjuniper.com.dev.cc/scss/style.scss */
body header .head-container nav.wide ul li {
  float: right;
  margin-left: 35px;
  text-decoration: none;
  font-size: 1.4em;
  background-image: url(../img/bullet.png);
  background-repeat: no-repeat;
  background-position: 0px 5px;
  padding-left: 30px;
}

/* line 85, /Users/mac/Documents/Websites/davidjuniper.com.dev.cc/scss/style.scss */
body header .head-container nav.wide ul li a {
  color: #98999b;
  text-decoration: none;
  letter-spacing: 1px;
}

/* line 86, /Users/mac/Documents/Websites/davidjuniper.com.dev.cc/scss/style.scss */
body header .head-container nav.wide ul li a:hover {
  color: #ccc;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}

/* line 94, /Users/mac/Documents/Websites/davidjuniper.com.dev.cc/scss/style.scss */
body .main-content {
  position: relative;
  margin: 0 auto;
  width: 960px;
  height: auto;
  top: 4em;
  border-top: 5px solid #98999b;
  border-bottom: 5px solid #98999b;
}

/* line 97, /Users/mac/Documents/Websites/davidjuniper.com.dev.cc/scss/style.scss */
body .main-content #shop-container {
  position: relative;
  max-width: 960px;
  margin: 0 auto;
  padding: 0px;
  height: auto;
}

/* line 104, /Users/mac/Documents/Websites/davidjuniper.com.dev.cc/scss/style.scss */
body .main-content #shop-container img.comein {
  float: right;
  margin-top: -70px;
}

/* line 106, /Users/mac/Documents/Websites/davidjuniper.com.dev.cc/scss/style.scss */
body .main-content #shop-container .topinfo {
  padding: 5%;
}

/* line 108, /Users/mac/Documents/Websites/davidjuniper.com.dev.cc/scss/style.scss */
body .main-content #shop-container .topinfo button {
  font-family: 'Kaapeli';
  font-size: 1em;
  margin: 0 25px 25px 0;
  cursor: pointer;
  padding: 15px 15px 10px 15px;
  border: 1px solid #4B4B4B;
  border-radius: 5px;
  background: #1678C2;
  color: #fff;
  border: none;
  text-transform: uppercase;
  -webkit-box-shadow: -3px 3px 0px #959493;
  -moz-box-shadow: -3px 3px 0px #959493;
  box-shadow: -3px 3px 0px #959493;
}

/* line 109, /Users/mac/Documents/Websites/davidjuniper.com.dev.cc/scss/style.scss */
body .main-content #shop-container .topinfo button:hover {
  background: #ccc;
  color: #000;
}

/* line 111, /Users/mac/Documents/Websites/davidjuniper.com.dev.cc/scss/style.scss */
body .main-content #shop-container .topinfo ul#filter {
  font-family: 'Kaapeli';
}

/* line 113, /Users/mac/Documents/Websites/davidjuniper.com.dev.cc/scss/style.scss */
body .main-content #shop-container .topinfo ul#filter li {
  display: inline;
  margin-right: 10px;
  line-height: 3em;
}

/* line 115, /Users/mac/Documents/Websites/davidjuniper.com.dev.cc/scss/style.scss */
body .main-content #shop-container .topinfo ul#filter li a {
  color: #fff;
  border-radius: 5px;
  text-decoration: none;
  padding: 10px 15px;
  background: #1678C2;
  -webkit-box-shadow: -3px 3px 0px #959493;
  -moz-box-shadow: -3px 3px 0px #959493;
  box-shadow: -3px 3px 0px #959493;
}

/* line 116, /Users/mac/Documents/Websites/davidjuniper.com.dev.cc/scss/style.scss */
body .main-content #shop-container .topinfo ul#filter li a:hover {
  background: #FFE001;
  color: #000;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}

/* line 120, /Users/mac/Documents/Websites/davidjuniper.com.dev.cc/scss/style.scss */
body .main-content #shop-container .topinfo ul#filter li.current a {
  background: grey;
}

/* line 124, /Users/mac/Documents/Websites/davidjuniper.com.dev.cc/scss/style.scss */
body .main-content #shop-container .topinfo .snipcart-summary {
  position: relative;
  top: 0;
  right: 0;
  margin: 5px;
  background: #FFE001;
  padding: 15px;
  width: auto;
  float: right;
  border-radius: 5px;
  -webkit-box-shadow: -3px 3px 0px #959493;
  -moz-box-shadow: -3px 3px 0px #959493;
  box-shadow: -3px 3px 0px #959493;
}

/* line 125, /Users/mac/Documents/Websites/davidjuniper.com.dev.cc/scss/style.scss */
body .main-content #shop-container .topinfo .snipcart-summary h3 {
  font-size: 1em;
  margin: 0;
  padding: 5px;
}

/* line 126, /Users/mac/Documents/Websites/davidjuniper.com.dev.cc/scss/style.scss */
body .main-content #shop-container .topinfo .snipcart-summary p {
  font-size: 1em;
  margin: 0;
  padding: 0;
}

/* line 127, /Users/mac/Documents/Websites/davidjuniper.com.dev.cc/scss/style.scss */
body .main-content #shop-container .topinfo .snipcart-summary button {
  font-family: 'Kaapeli';
  font-size: 0.8em;
  margin: 0;
  cursor: pointer;
  padding: 5px 5px 2px 5px;
  border: 1px solid #4B4B4B;
  border-radius: 5px;
  background: #1678C2;
  color: #fff;
  border: none;
  text-transform: uppercase;
  -webkit-box-shadow: -1px 1px 0px #959493;
  -moz-box-shadow: -1px 1px 0px #959493;
  box-shadow: -1px 1px 0px #959493;
}

/* line 128, /Users/mac/Documents/Websites/davidjuniper.com.dev.cc/scss/style.scss */
body .main-content #shop-container .topinfo .snipcart-summary button:hover {
  background: #ccc;
  color: #000;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}

/* line 133, /Users/mac/Documents/Websites/davidjuniper.com.dev.cc/scss/style.scss */
body .main-content #shop-container p {
  line-height: 2em;
}

/* line 135, /Users/mac/Documents/Websites/davidjuniper.com.dev.cc/scss/style.scss */
body .main-content #shop-container #portfolio {
  -moz-column-count: 3;
  -moz-column-gap: 0px;
  -webkit-column-count: 3;
  -webkit-column-gap: 0px;
  column-count: 3;
  column-gap: 0px;
  max-width: 960px;
  padding: 0px;
  line-height: 0;
  height: auto;
}

/* line 148, /Users/mac/Documents/Websites/davidjuniper.com.dev.cc/scss/style.scss */
body .main-content #shop-container #portfolio li {
  position: relative;
  padding: 0;
  margin: 0;
  background: #000;
}

/* line 151, /Users/mac/Documents/Websites/davidjuniper.com.dev.cc/scss/style.scss */
body .main-content #shop-container #portfolio li a img {
  display: inline-block;
  max-width: 100%;
}

/* line 155, /Users/mac/Documents/Websites/davidjuniper.com.dev.cc/scss/style.scss */
body .main-content #shop-container #portfolio li a:hover {
  opacity: 0.4;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}

/* line 157, /Users/mac/Documents/Websites/davidjuniper.com.dev.cc/scss/style.scss */
body .main-content #shop-container #portfolio li button {
  font-family: Kaapeli;
  cursor: pointer;
  position: absolute;
  bottom: 0px;
  right: 0px;
  padding: 5px 10px;
  border-radius: 5px 0 0 0;
  background: #FFE001;
  border: none;
}

/* line 158, /Users/mac/Documents/Websites/davidjuniper.com.dev.cc/scss/style.scss */
body .main-content #shop-container #portfolio li button:hover {
  background: #1678C2;
  color: #fff;
  box-shadow: 0px 0px 2px #2e2e2e;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}

/* line 166, /Users/mac/Documents/Websites/davidjuniper.com.dev.cc/scss/style.scss */
body .main-content .left {
  width: 40%;
  float: left;
  padding: 5%;
}

/* line 168, /Users/mac/Documents/Websites/davidjuniper.com.dev.cc/scss/style.scss */
body .main-content .left p {
  font-family: 'Kaapeli', Fallback, sans-serif;
  font-size: 1.2em;
  line-height: 1.8em;
  color: #98999b;
  margin-bottom: 0.8em;
}

/* line 173, /Users/mac/Documents/Websites/davidjuniper.com.dev.cc/scss/style.scss */
body .main-content .right {
  width: 40%;
  float: right;
  padding: 5%;
}

/* line 175, /Users/mac/Documents/Websites/davidjuniper.com.dev.cc/scss/style.scss */
body .main-content .right img {
  width: 864px;
  max-width: 100%;
}

/* line 176, /Users/mac/Documents/Websites/davidjuniper.com.dev.cc/scss/style.scss */
body .main-content .right .archive {
  width: 500px;
  max-width: 100%;
}

/* line 178, /Users/mac/Documents/Websites/davidjuniper.com.dev.cc/scss/style.scss */
body .main-content .right #origami {
  width: 302px;
  height: 468px;
  background: url("../img/gallery/folded-paper.png") no-repeat top;
}

/* line 180, /Users/mac/Documents/Websites/davidjuniper.com.dev.cc/scss/style.scss */
body .main-content .right #origami ul.gallery-nav {
  position: relative;
  top: 10px;
  left: 100px;
  width: 150px;
  text-align: right;
}

/* line 181, /Users/mac/Documents/Websites/davidjuniper.com.dev.cc/scss/style.scss */
body .main-content .right #origami ul.gallery-nav li {
  font-family: 'Kaapeli', Fallback, sans-serif;
  font-size: 1.23em;
  text-transform: uppercase;
  line-height: 0.4em;
}

/* line 182, /Users/mac/Documents/Websites/davidjuniper.com.dev.cc/scss/style.scss */
body .main-content .right #origami ul.gallery-nav li a {
  text-align: right;
}

/* line 183, /Users/mac/Documents/Websites/davidjuniper.com.dev.cc/scss/style.scss */
body .main-content .right #origami ul.gallery-nav li a:hover {
  color: #FBFD82;
}

/* line 185, /Users/mac/Documents/Websites/davidjuniper.com.dev.cc/scss/style.scss */
body .main-content .right #origami ul.gallery-nav .current {
  color: #fff;
}

/* line 189, /Users/mac/Documents/Websites/davidjuniper.com.dev.cc/scss/style.scss */
body .main-content .right #origami ul {
  position: relative;
  top: 95px;
  left: 35px;
  width: 280px;
  height: 275px;
  list-style-type: none;
  line-height: 0.8em;
}

/* line 190, /Users/mac/Documents/Websites/davidjuniper.com.dev.cc/scss/style.scss */
body .main-content .right #origami ul li {
  display: inline;
  float: left;
  margin: 5px 15px;
}

/* line 191, /Users/mac/Documents/Websites/davidjuniper.com.dev.cc/scss/style.scss */
body .main-content .right #origami ul li a {
  color: #98999b;
  text-decoration: none;
}

/* line 192, /Users/mac/Documents/Websites/davidjuniper.com.dev.cc/scss/style.scss */
body .main-content .right #origami ul li a:hover {
  color: #ccc;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}

/* line 193, /Users/mac/Documents/Websites/davidjuniper.com.dev.cc/scss/style.scss */
body .main-content .right #origami ul li img {
  width: 89px;
  height: 112px;
}

/* line 194, /Users/mac/Documents/Websites/davidjuniper.com.dev.cc/scss/style.scss */
body .main-content .right #origami ul li h5 {
  margin-top: 1px;
  text-align: center;
  font-size: 0.8em;
  font-family: 'Kaapeli', Fallback, sans-serif;
  text-transform: uppercase;
}

/* line 198, /Users/mac/Documents/Websites/davidjuniper.com.dev.cc/scss/style.scss */
body .main-content .right #origami ul.thumbnails {
  position: relative;
  top: -135px;
  left: 50px;
  width: 200px;
  height: 200px;
  overflow: hidden;
}

/* line 199, /Users/mac/Documents/Websites/davidjuniper.com.dev.cc/scss/style.scss */
body .main-content .right #origami ul.thumbnails li {
  display: inline-block;
  float: left;
  padding: 0;
  margin: 0;
}

/* line 200, /Users/mac/Documents/Websites/davidjuniper.com.dev.cc/scss/style.scss */
body .main-content .right #origami ul.thumbnails li img {
  width: 50px;
  height: 50px;
  border: 0px;
  margin: 0;
  vertical-align: top;
}

/* line 207, /Users/mac/Documents/Websites/davidjuniper.com.dev.cc/scss/style.scss */
body .main-content .right ul.archive-nav {
  position: relative;
  top: 0px;
  left: 0px;
  width: 100%;
  margin: 5px;
  text-align: center;
}

/* line 208, /Users/mac/Documents/Websites/davidjuniper.com.dev.cc/scss/style.scss */
body .main-content .right ul.archive-nav li {
  display: inline;
}

/* line 210, /Users/mac/Documents/Websites/davidjuniper.com.dev.cc/scss/style.scss */
body .main-content .right ul.archive-nav li a {
  display: inline;
  color: #fff;
  padding: 8px;
  background-color: #98999b;
  border-radius: 10px 10px 0 0;
  text-decoration: none;
  font-family: 'Kaapeli', Fallback, sans-serif;
}

/* line 211, /Users/mac/Documents/Websites/davidjuniper.com.dev.cc/scss/style.scss */
body .main-content .right ul.archive-nav li a:hover {
  background-color: #b2b2b2;
}

/* line 213, /Users/mac/Documents/Websites/davidjuniper.com.dev.cc/scss/style.scss */
body .main-content .right ul.archive-nav .current {
  background-color: #b2b2b2;
  padding: 8px;
  border-radius: 10px 10px 0 0;
  font-family: 'Kaapeli', Fallback, sans-serif;
  color: #98999b;
}

/* line 218, /Users/mac/Documents/Websites/davidjuniper.com.dev.cc/scss/style.scss */
body .main-content .right ul.archive-01 {
  position: relative;
  top: 0px;
  left: 0px;
  width: 400px;
  height: 350px;
  overflow: hidden;
}

/* line 219, /Users/mac/Documents/Websites/davidjuniper.com.dev.cc/scss/style.scss */
body .main-content .right ul.archive-01 li {
  display: inline-block;
  float: left;
  padding: 0;
  margin: 0;
}

/* line 220, /Users/mac/Documents/Websites/davidjuniper.com.dev.cc/scss/style.scss */
body .main-content .right ul.archive-01 li img {
  width: 100px;
  height: 50px;
  border: 0px;
  margin: 0;
  vertical-align: top;
}

/* line 224, /Users/mac/Documents/Websites/davidjuniper.com.dev.cc/scss/style.scss */
body .main-content .right ul.archive-02 {
  position: relative;
  top: 0px;
  left: 0px;
  width: 399px;
  height: 348px;
  overflow: hidden;
}

/* line 225, /Users/mac/Documents/Websites/davidjuniper.com.dev.cc/scss/style.scss */
body .main-content .right ul.archive-02 li {
  display: inline-block;
  float: left;
  padding: 0;
  margin: 0;
}

/* line 226, /Users/mac/Documents/Websites/davidjuniper.com.dev.cc/scss/style.scss */
body .main-content .right ul.archive-02 li img {
  width: 133px;
  height: 116px;
  border: 0px;
  margin: 0;
  vertical-align: top;
}

/* line 230, /Users/mac/Documents/Websites/davidjuniper.com.dev.cc/scss/style.scss */
body .main-content .right ul.archive-03 {
  position: relative;
  top: 0px;
  left: 0px;
  width: 400px;
  height: 200px;
  overflow: hidden;
}

/* line 231, /Users/mac/Documents/Websites/davidjuniper.com.dev.cc/scss/style.scss */
body .main-content .right ul.archive-03 li {
  display: inline-block;
  float: left;
  padding: 0;
  margin: 0;
}

/* line 232, /Users/mac/Documents/Websites/davidjuniper.com.dev.cc/scss/style.scss */
body .main-content .right ul.archive-03 li img {
  width: 100px;
  height: 50px;
  border: 0px;
  margin: 0;
  vertical-align: top;
}

/* line 236, /Users/mac/Documents/Websites/davidjuniper.com.dev.cc/scss/style.scss */
body .main-content .right ul.archive-04 {
  position: relative;
  top: 0px;
  left: 0px;
  width: 400px;
  height: 350px;
  overflow: hidden;
}

/* line 237, /Users/mac/Documents/Websites/davidjuniper.com.dev.cc/scss/style.scss */
body .main-content .right ul.archive-04 li {
  display: inline-block;
  float: left;
  padding: 0;
  margin: 0;
}

/* line 238, /Users/mac/Documents/Websites/davidjuniper.com.dev.cc/scss/style.scss */
body .main-content .right ul.archive-04 li img {
  width: 100px;
  height: 50px;
  border: 0px;
  margin: 0;
  vertical-align: top;
}

/* line 246, /Users/mac/Documents/Websites/davidjuniper.com.dev.cc/scss/style.scss */
body footer {
  position: relative;
  width: 960px;
  margin: 0 auto;
  top: 5em;
}

/* line 248, /Users/mac/Documents/Websites/davidjuniper.com.dev.cc/scss/style.scss */
body footer p {
  text-align: center;
  font-size: 1em;
  padding: 10px;
  font-family: 'Kaapeli', Fallback, sans-serif;
  color: #b2b2b2;
}

/* line 257, /Users/mac/Documents/Websites/davidjuniper.com.dev.cc/scss/style.scss */
#contact p, label, legend {
  font: 1.2em "Kaapeli", Arial, sans-serif;
  color: #98999b;
}

/* line 259, /Users/mac/Documents/Websites/davidjuniper.com.dev.cc/scss/style.scss */
#contact hr {
  color: inherit;
  height: 0;
  margin: 6px 0 6px 0;
  padding: 0;
}

/* line 261, /Users/mac/Documents/Websites/davidjuniper.com.dev.cc/scss/style.scss */
#contact {
  position: relative;
  display: block;
  width: 384px;
  margin: 0px auto;
  padding: 2px;
  top: -20px;
}

/* Form style */
/* line 265, /Users/mac/Documents/Websites/davidjuniper.com.dev.cc/scss/style.scss */
#contact label {
  display: inline-block;
  float: left;
  height: 26px;
  line-height: 26px;
  width: 155px;
  font-size: 1.2em;
}

/* line 266, /Users/mac/Documents/Websites/davidjuniper.com.dev.cc/scss/style.scss */
#contact input, textarea, select {
  width: 280px;
  margin: 0;
  padding: 5px;
  color: #666;
  background: #f5f5f5;
  border: 1px solid #ccc;
  margin: 5px 0;
  font: 1.2em Kaapeli, Arial, sans-serif;
}

/* line 267, /Users/mac/Documents/Websites/davidjuniper.com.dev.cc/scss/style.scss */
#contact input:focus, textarea:focus, select:focus {
  color: #333;
}

/* line 268, /Users/mac/Documents/Websites/davidjuniper.com.dev.cc/scss/style.scss */
#contact input.submit {
  width: 85px;
  cursor: pointer;
  background: #333;
  color: #fff;
}

/* line 269, /Users/mac/Documents/Websites/davidjuniper.com.dev.cc/scss/style.scss */
#contact input.submit:hover {
  background: #444;
}

/* line 270, /Users/mac/Documents/Websites/davidjuniper.com.dev.cc/scss/style.scss */
#contact input[type="submit"][disabled] {
  background: #888;
}

/* line 271, /Users/mac/Documents/Websites/davidjuniper.com.dev.cc/scss/style.scss */
#contact fieldset {
  padding: 5px;
}

/* line 272, /Users/mac/Documents/Websites/davidjuniper.com.dev.cc/scss/style.scss */
#contact legend {
  padding: 7px 10px;
  font-weight: bold;
  color: #000;
  border: 1px solid #eee;
  margin-bottom: 0 !important;
  margin-bottom: 20px;
}

/* line 274, /Users/mac/Documents/Websites/davidjuniper.com.dev.cc/scss/style.scss */
#contact span.required {
  font-size: 1.2em;
  color: #ff0000;
}

/* Select the colour of the * if the field is required. */
/* line 276, /Users/mac/Documents/Websites/davidjuniper.com.dev.cc/scss/style.scss */
#message {
  margin: 10px 0;
  padding: 0;
}

/* line 278, /Users/mac/Documents/Websites/davidjuniper.com.dev.cc/scss/style.scss */
.error_message {
  display: block;
  height: 22px;
  line-height: 22px;
  background: #FBE3E4 url("../img/error.gif") no-repeat 10px center;
  padding: 3px 10px 3px 35px;
  color: #8a1f11;
  border: 1px solid #FBC2C4;
}

/* line 280, /Users/mac/Documents/Websites/davidjuniper.com.dev.cc/scss/style.scss */
.loader {
  padding: 0 10px;
}

/* line 282, /Users/mac/Documents/Websites/davidjuniper.com.dev.cc/scss/style.scss */
#contact #success_page h1 {
  position: relative;
  top: 6px;
  background: url("../img/success.gif") left no-repeat;
  padding-left: 22px;
  font: 1.2em "Kaapeli", Arial, sans-serif;
  color: #98999b;
  margin-bottom: 30px;
}

/* line 283, /Users/mac/Documents/Websites/davidjuniper.com.dev.cc/scss/style.scss */
#contact #success_page p {
  line-height: 1.8em;
}

/* line 284, /Users/mac/Documents/Websites/davidjuniper.com.dev.cc/scss/style.scss */
acronym {
  border-bottom: 1px dotted #ccc;
}

/* iPads and smaller (portrait and landscape) ----------- */
@media only screen and (min-width: 320px) and (max-width: 960px) {
  /* Styles */
  /* line 302, /Users/mac/Documents/Websites/davidjuniper.com.dev.cc/scss/style.scss */
  body {
    font-size: 16px;
  }
  /* line 305, /Users/mac/Documents/Websites/davidjuniper.com.dev.cc/scss/style.scss */
  body header {
    position: relative;
    width: 100%;
    background-color: #fffefd;
    height: 370px;
  }
  /* line 307, /Users/mac/Documents/Websites/davidjuniper.com.dev.cc/scss/style.scss */
  body header .head-container {
    width: 100%;
    height: 350px;
    margin: 0 auto;
  }
  /* line 309, /Users/mac/Documents/Websites/davidjuniper.com.dev.cc/scss/style.scss */
  body header .head-container img {
    display: block;
    left: -5px;
    top: 15px;
    width: 140px;
    margin: 0 auto;
  }
  /* line 311, /Users/mac/Documents/Websites/davidjuniper.com.dev.cc/scss/style.scss */
  body header .head-container h1 {
    text-align: center;
    top: 30px;
    font-size: 1.8em;
    font-family: 'Kaapeli', Fallback, sans-serif;
    letter-spacing: 12px;
    z-index: 1;
  }
  /* line 313, /Users/mac/Documents/Websites/davidjuniper.com.dev.cc/scss/style.scss */
  body header .head-container h1 a {
    text-transform: uppercase;
    color: #98999b;
    text-decoration: none;
  }
  /* line 315, /Users/mac/Documents/Websites/davidjuniper.com.dev.cc/scss/style.scss */
  body header .head-container h1 a:hover {
    color: #88d3e8;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
  }
  /* line 319, /Users/mac/Documents/Websites/davidjuniper.com.dev.cc/scss/style.scss */
  body header .head-container h2 {
    top: 40px;
    font-size: 1em;
    letter-spacing: 7px;
  }
  /* line 321, /Users/mac/Documents/Websites/davidjuniper.com.dev.cc/scss/style.scss */
  body header .head-container nav.wide {
    display: none;
  }
  /* line 322, /Users/mac/Documents/Websites/davidjuniper.com.dev.cc/scss/style.scss */
  body header .head-container nav.respond {
    display: inline;
    position: relative;
    width: 100%;
    top: 60px;
  }
  /* line 324, /Users/mac/Documents/Websites/davidjuniper.com.dev.cc/scss/style.scss */
  body header .head-container nav.respond ul {
    position: relative;
    margin: 0 auto;
    left: -20px;
    text-align: center;
    list-style-type: none;
    font-family: Copaseti;
    color: #98999b;
  }
  /* line 326, /Users/mac/Documents/Websites/davidjuniper.com.dev.cc/scss/style.scss */
  body header .head-container nav.respond ul li {
    line-height: 2em;
    display: inline;
    margin-left: 20px;
    text-decoration: none;
    font-size: 1.4em;
    background-image: url(../img/bullet.png);
    background-repeat: no-repeat;
    background-position: 0px 5px;
    padding-left: 20px;
  }
  /* line 328, /Users/mac/Documents/Websites/davidjuniper.com.dev.cc/scss/style.scss */
  body header .head-container nav.respond ul li a {
    color: #98999b;
    text-decoration: none;
    letter-spacing: 1px;
  }
  /* line 329, /Users/mac/Documents/Websites/davidjuniper.com.dev.cc/scss/style.scss */
  body header .head-container nav.respond ul li a:hover {
    color: #ccc;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
  }
  /* line 337, /Users/mac/Documents/Websites/davidjuniper.com.dev.cc/scss/style.scss */
  body .main-content {
    position: relative;
    overflow: hidden;
    display: block;
    width: 95%;
    top: 5em;
    border-top: 5px solid #98999b;
    border-bottom: 5px solid #98999b;
    margin: 0 auto;
  }
  /* line 339, /Users/mac/Documents/Websites/davidjuniper.com.dev.cc/scss/style.scss */
  body .main-content #shop-container {
    position: relative;
    width: 100%;
    margin: 0 auto;
  }
  /* line 344, /Users/mac/Documents/Websites/davidjuniper.com.dev.cc/scss/style.scss */
  body .main-content #shop-container img.comein {
    float: right;
    margin-top: -70px;
  }
  /* line 346, /Users/mac/Documents/Websites/davidjuniper.com.dev.cc/scss/style.scss */
  body .main-content #shop-container .topinfo {
    padding: 5%;
  }
  /* line 348, /Users/mac/Documents/Websites/davidjuniper.com.dev.cc/scss/style.scss */
  body .main-content #shop-container .topinfo button {
    font-family: 'Kaapeli';
    font-size: 1em;
    margin: 0 25px 25px 0;
    cursor: pointer;
    padding: 15px 15px 10px 15px;
    border: 1px solid #4B4B4B;
    border-radius: 5px;
    background: #1678C2;
    color: #fff;
    border: none;
    text-transform: uppercase;
    -webkit-box-shadow: -3px 3px 0px #959493;
    -moz-box-shadow: -3px 3px 0px #959493;
    box-shadow: -3px 3px 0px #959493;
  }
  /* line 349, /Users/mac/Documents/Websites/davidjuniper.com.dev.cc/scss/style.scss */
  body .main-content #shop-container .topinfo button:hover {
    background: #FFE001;
    color: #000;
  }
  /* line 353, /Users/mac/Documents/Websites/davidjuniper.com.dev.cc/scss/style.scss */
  body .main-content #shop-container p {
    line-height: 2em;
  }
  /* line 355, /Users/mac/Documents/Websites/davidjuniper.com.dev.cc/scss/style.scss */
  body .main-content #shop-container ul#portfolio {
    -moz-column-count: 2;
    -moz-column-gap: 0px;
    -webkit-column-count: 2;
    -webkit-column-gap: 0px;
    column-count: 2;
    column-gap: 0px;
    width: 100%;
    padding: 0px;
  }
  /* line 365, /Users/mac/Documents/Websites/davidjuniper.com.dev.cc/scss/style.scss */
  body .main-content #shop-container ul#portfolio li {
    position: relative;
  }
  /* line 368, /Users/mac/Documents/Websites/davidjuniper.com.dev.cc/scss/style.scss */
  body .main-content #shop-container ul#portfolio li a img {
    display: inline-block;
    margin-bottom: 0px;
    max-width: 100%;
    padding: 0px;
  }
  /* line 372, /Users/mac/Documents/Websites/davidjuniper.com.dev.cc/scss/style.scss */
  body .main-content #shop-container ul#portfolio li button {
    cursor: pointer;
    position: absolute;
    bottom: 0px;
    right: 0px;
    padding: 5px 10px;
    border-radius: 5px 0 0 0;
    background: #FFE001;
    border: none;
    text-transform: uppercase;
  }
  /* line 373, /Users/mac/Documents/Websites/davidjuniper.com.dev.cc/scss/style.scss */
  body .main-content #shop-container ul#portfolio li button:hover {
    background: #1678C2;
    color: #000;
    box-shadow: 0px 0px 2px #2e2e2e;
  }
  /* line 380, /Users/mac/Documents/Websites/davidjuniper.com.dev.cc/scss/style.scss */
  body .main-content .left {
    width: 90%;
    padding: 5%;
    text-align: center;
  }
  /* line 382, /Users/mac/Documents/Websites/davidjuniper.com.dev.cc/scss/style.scss */
  body .main-content .left p {
    font-family: 'Kaapeli', Fallback, sans-serif;
    font-size: 1.2em;
    line-height: 1.8em;
    color: #98999b;
    margin-bottom: 0.8em;
  }
  /* line 385, /Users/mac/Documents/Websites/davidjuniper.com.dev.cc/scss/style.scss */
  body .main-content .right {
    width: 90%;
    padding: 5%;
  }
  /* line 387, /Users/mac/Documents/Websites/davidjuniper.com.dev.cc/scss/style.scss */
  body .main-content .right img {
    width: 864px;
    max-width: 100%;
  }
  /* line 388, /Users/mac/Documents/Websites/davidjuniper.com.dev.cc/scss/style.scss */
  body .main-content .right .archive {
    width: 500px;
    max-width: 100%;
  }
  /* line 390, /Users/mac/Documents/Websites/davidjuniper.com.dev.cc/scss/style.scss */
  body .main-content .right a {
    display: block;
    text-align: center;
  }
  /* line 395, /Users/mac/Documents/Websites/davidjuniper.com.dev.cc/scss/style.scss */
  body .main-content .right #origami {
    width: 302px;
    height: 468px;
    background: url("../img/gallery/folded-paper.png") no-repeat top;
    margin: 0 auto;
  }
  /* line 397, /Users/mac/Documents/Websites/davidjuniper.com.dev.cc/scss/style.scss */
  body .main-content .right #origami ul {
    position: relative;
    top: 95px;
    left: 35px;
    width: 280px;
    height: 275px;
  }
  /* line 398, /Users/mac/Documents/Websites/davidjuniper.com.dev.cc/scss/style.scss */
  body .main-content .right #origami ul li {
    display: inline;
    float: left;
    margin: 5px 15px;
  }
  /* line 399, /Users/mac/Documents/Websites/davidjuniper.com.dev.cc/scss/style.scss */
  body .main-content .right #origami ul li a {
    color: #98999b;
    text-decoration: none;
  }
  /* line 400, /Users/mac/Documents/Websites/davidjuniper.com.dev.cc/scss/style.scss */
  body .main-content .right #origami ul li a:hover {
    color: #ccc;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
  }
  /* line 401, /Users/mac/Documents/Websites/davidjuniper.com.dev.cc/scss/style.scss */
  body .main-content .right #origami ul li img {
    width: 89px;
    height: 112px;
  }
  /* line 402, /Users/mac/Documents/Websites/davidjuniper.com.dev.cc/scss/style.scss */
  body .main-content .right #origami ul li h5 {
    margin-top: 1px;
    text-align: center;
    font-size: 1em;
    font-family: 'Kaapeli', Fallback, sans-serif;
    text-transform: uppercase;
  }
  /* line 406, /Users/mac/Documents/Websites/davidjuniper.com.dev.cc/scss/style.scss */
  body .main-content .right #origami ul.thumbnails {
    position: relative;
    top: -135px;
    left: 50px;
    width: 200px;
    height: 200px;
    overflow: hidden;
  }
  /* line 407, /Users/mac/Documents/Websites/davidjuniper.com.dev.cc/scss/style.scss */
  body .main-content .right #origami ul.thumbnails li {
    display: inline;
    float: left;
    padding: 0;
    margin: 0;
  }
  /* line 408, /Users/mac/Documents/Websites/davidjuniper.com.dev.cc/scss/style.scss */
  body .main-content .right #origami ul.thumbnails li img {
    width: 50px;
    height: 50px;
  }
  /* line 414, /Users/mac/Documents/Websites/davidjuniper.com.dev.cc/scss/style.scss */
  body .main-content .right ul.archive-nav {
    position: relative;
    top: 0px;
    left: 0px;
    width: 100%;
    margin: 5px;
  }
  /* line 415, /Users/mac/Documents/Websites/davidjuniper.com.dev.cc/scss/style.scss */
  body .main-content .right ul.archive-nav li {
    display: inline;
  }
  /* line 417, /Users/mac/Documents/Websites/davidjuniper.com.dev.cc/scss/style.scss */
  body .main-content .right ul.archive-nav li a {
    display: inline;
    color: #fff;
    padding: 8px;
    background-color: #98999b;
    border-radius: 10px 10px 0 0;
    text-decoration: none;
    font-family: 'Kaapeli', Fallback, sans-serif;
  }
  /* line 418, /Users/mac/Documents/Websites/davidjuniper.com.dev.cc/scss/style.scss */
  body .main-content .right ul.archive-nav li a:hover {
    background-color: #b2b2b2;
  }
  /* line 420, /Users/mac/Documents/Websites/davidjuniper.com.dev.cc/scss/style.scss */
  body .main-content .right ul.archive-nav .current {
    background-color: #b2b2b2;
    padding: 8px;
    border-radius: 10px 10px 0 0;
    font-family: 'Kaapeli', Fallback, sans-serif;
    color: #98999b;
  }
  /* line 425, /Users/mac/Documents/Websites/davidjuniper.com.dev.cc/scss/style.scss */
  body .main-content .right ul.archive-01 {
    position: relative;
    margin: 0 auto;
    max-width: 400px;
    height: 350px;
    margin: 0 auto;
    text-align: center;
    overflow: hidden;
  }
  /* line 426, /Users/mac/Documents/Websites/davidjuniper.com.dev.cc/scss/style.scss */
  body .main-content .right ul.archive-01 li {
    display: inline-block;
    float: left;
    padding: 0;
    margin: 0;
  }
  /* line 427, /Users/mac/Documents/Websites/davidjuniper.com.dev.cc/scss/style.scss */
  body .main-content .right ul.archive-01 li img {
    width: 100px;
    height: 50px;
    border: 0px;
    margin: 0;
    vertical-align: top;
  }
  /* line 431, /Users/mac/Documents/Websites/davidjuniper.com.dev.cc/scss/style.scss */
  body .main-content .right ul.archive-02 {
    position: relative;
    top: 0px;
    left: 0px;
    width: 399px;
    height: 348px;
    margin: 0 auto;
    text-align: center;
    overflow: hidden;
  }
  /* line 432, /Users/mac/Documents/Websites/davidjuniper.com.dev.cc/scss/style.scss */
  body .main-content .right ul.archive-02 li {
    display: inline-block;
    float: left;
    padding: 0;
    margin: 0;
  }
  /* line 433, /Users/mac/Documents/Websites/davidjuniper.com.dev.cc/scss/style.scss */
  body .main-content .right ul.archive-02 li img {
    width: 133px;
    height: 116px;
    border: 0px;
    margin: 0;
    vertical-align: top;
  }
  /* line 437, /Users/mac/Documents/Websites/davidjuniper.com.dev.cc/scss/style.scss */
  body .main-content .right ul.archive-03 {
    position: relative;
    top: 0px;
    left: 0px;
    width: 400px;
    height: 200px;
    margin: 0 auto;
    text-align: center;
    overflow: hidden;
  }
  /* line 438, /Users/mac/Documents/Websites/davidjuniper.com.dev.cc/scss/style.scss */
  body .main-content .right ul.archive-03 li {
    display: inline-block;
    float: left;
    padding: 0;
    margin: 0;
  }
  /* line 439, /Users/mac/Documents/Websites/davidjuniper.com.dev.cc/scss/style.scss */
  body .main-content .right ul.archive-03 li img {
    width: 100px;
    height: 50px;
    border: 0px;
    margin: 0;
    vertical-align: top;
  }
  /* line 443, /Users/mac/Documents/Websites/davidjuniper.com.dev.cc/scss/style.scss */
  body .main-content .right ul.archive-04 {
    position: relative;
    top: 0px;
    left: 0px;
    width: 400px;
    height: 350px;
    margin: 0 auto;
    text-align: center;
    overflow: hidden;
  }
  /* line 444, /Users/mac/Documents/Websites/davidjuniper.com.dev.cc/scss/style.scss */
  body .main-content .right ul.archive-04 li {
    display: inline-block;
    float: left;
    padding: 0;
    margin: 0;
  }
  /* line 445, /Users/mac/Documents/Websites/davidjuniper.com.dev.cc/scss/style.scss */
  body .main-content .right ul.archive-04 li img {
    width: 100px;
    height: 50px;
    border: 0px;
    margin: 0;
    vertical-align: top;
  }
  /* line 451, /Users/mac/Documents/Websites/davidjuniper.com.dev.cc/scss/style.scss */
  body footer {
    width: 75%;
  }
  /* line 453, /Users/mac/Documents/Websites/davidjuniper.com.dev.cc/scss/style.scss */
  body footer p {
    line-height: 1em;
    font-size: 0.8em;
  }
  /* line 457, /Users/mac/Documents/Websites/davidjuniper.com.dev.cc/scss/style.scss */
  #contact label {
    display: inline-block;
    height: 26px;
    line-height: 26px;
    width: 155px;
    font-size: 1.2em;
  }
}

/* iPads and smaller (portrait and landscape) ----------- */
@media only screen and (min-width: 320px) and (max-width: 720px) {
  /* line 470, /Users/mac/Documents/Websites/davidjuniper.com.dev.cc/scss/style.scss */
  ul#shopGallery {
    -moz-column-count: 1;
    -moz-column-gap: 0px;
    -webkit-column-count: 1;
    -webkit-column-gap: 0px;
    column-count: 1;
    column-gap: 0px;
    width: 100%;
    padding: 0px;
  }
  /* line 480, /Users/mac/Documents/Websites/davidjuniper.com.dev.cc/scss/style.scss */
  ul#shopGallery img.comein {
    float: right;
    margin-top: -70px;
    display: none;
  }
}

/*# sourceMappingURL=../css/style.map */