/* line 1, ../_header.scss */
header {
  text-align: center;
}
/* line 4, ../_header.scss */
header #sketch {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  background-size: 100%;
  background: white url("/images/SharonSketch.gif") no-repeat 50% 0;
}
/* line 11, ../_header.scss */
header #sketch span {
  display: block;
  height: 0;
  padding-top: 26%;
}
/* line 18, ../_header.scss */
header h1 {
  margin: 0 auto;
  font-size: 4em;
}
/* line 24, ../_header.scss */
header h2 {
  font-size: 1.3em;
  line-height: 1.999em;
  margin: 0;
}
/* line 30, ../_header.scss */
header p {
  font-style: italic;
  position: relative;
  right: 3%;
}

/* line 1, ../_portfolio.scss */
.portfolio {
  margin-top: 15px;
}
/* line 4, ../_portfolio.scss */
.portfolio .row {
  margin-top: 30px;
}
/* line 7, ../_portfolio.scss */
.portfolio .row img {
  margin-left: auto;
  margin-right: auto;
}
/* line 13, ../_portfolio.scss */
.portfolio .detail {
  background-color: black;
  width: 120%;
  padding: 40px;
  margin-top: 20px;
  position: relative;
  right: 101px;
}
/* line 22, ../_portfolio.scss */
.portfolio .detail h4,
.portfolio .detail p {
  color: #fff;
}
/* line 26, ../_portfolio.scss */
.portfolio .detail p {
  line-height: 2em;
}
/* line 31, ../_portfolio.scss */
.portfolio .video {
  height: 0;
  overflow: hidden;
  padding-bottom: 25%;
  padding-top: 30px;
}
/* line 37, ../_portfolio.scss */
.portfolio .video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* line 1, ../_footer.scss */
footer {
  color: #fff;
  margin-top: 45px;
}
/* line 5, ../_footer.scss */
footer section {
  background-color: #777;
  padding: 45px 0;
}
/* line 10, ../_footer.scss */
footer section #follow,
footer section #tools {
  text-align: center;
}
/* line 14, ../_footer.scss */
footer section ul {
  padding-left: 0;
  margin: 20px 0;
}
/* line 18, ../_footer.scss */
footer section ul li {
  list-style: none;
  margin-bottom: 25px;
}
/* line 22, ../_footer.scss */
footer section ul li a {
  color: #a7a7a7;
}
/* line 25, ../_footer.scss */
footer section ul li a:hover {
  color: #fff;
  text-decoration: none;
}
/* line 30, ../_footer.scss */
footer section ul li a i {
  background-color: #333;
  font-size: 1em;
  padding: 13px;
  border-radius: 170px;
}
/* line 36, ../_footer.scss */
footer section ul li a i.icon-facebook {
  padding-right: 17px;
  padding-left: 17px;
}
/* line 41, ../_footer.scss */
footer section ul li a i.icon-facebook:hover {
  background-color: #4c66a4;
}
/* line 45, ../_footer.scss */
footer section ul li a i.icon-pinterest:hover {
  background-color: #cb2027;
}
/* line 49, ../_footer.scss */
footer section ul li a i.icon-twitter:hover {
  background-color: #1dcaff;
}
/* line 53, ../_footer.scss */
footer section ul li a i.icon-linkedin:hover {
  background-color: #1482bb;
}
/* line 57, ../_footer.scss */
footer section ul li a i.icon-google-plus:hover {
  background-color: #ce3d2b;
}
/* line 61, ../_footer.scss */
footer section ul li a i.icon-github:hover {
  background-color: #d26911;
}
/* line 70, ../_footer.scss */
footer section.thanks {
  background-color: #333;
}
/* line 73, ../_footer.scss */
footer section.thanks h3 {
  color: #ccc;
  margin-top: 0;
  text-shadow: none;
}
/* line 79, ../_footer.scss */
footer section.thanks li {
  margin-bottom: 0;
}
/* line 83, ../_footer.scss */
footer section.thanks #brain {
  margin-top: 60px;
}
/* line 86, ../_footer.scss */
footer section.thanks #brain img {
  float: right;
}

/* line 6, ../sketch.scss */
body {
  background-color: #ddd;
  font-family: Futura, Verdana, sans-serif;
  font-size: 1.8em;
  color: #000;
}
/* line 13, ../sketch.scss */
body h1,
body h3 {
  font-family: "Coffee Service", "Palatino Linotype", Palatino;
  font-weight: lighter;
  color: #491F30;
  text-shadow: 1px 1px 0px #ccc;
}
/* line 20, ../sketch.scss */
body h3 {
  font-size: 2.101em;
}
/* line 24, ../sketch.scss */
body h4 {
  font-size: 1.7em;
}
/* line 28, ../sketch.scss */
body img {
  max-width: 100%;
}
/* line 32, ../sketch.scss */
body a {
  color: #544957;
  text-decoration: none;
}
/* line 36, ../sketch.scss */
body a:visited {
  color: #938497;
  text-decoration: none;
}
/* line 41, ../sketch.scss */
body a:hover {
  color: #A797AB;
  text-decoration: none;
}

@media only screen and (min-width: 992px) {
  /* line 52, ../sketch.scss */
  header #sketch {
    background-position-y: 78%;
  }
  /* line 55, ../sketch.scss */
  header #sketch h2 {
    margin-bottom: 30%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  /* line 62, ../sketch.scss */
  header #sketch {
    background-image: url("/images/SharonSketch700.gif");
  }
}
@media only screen and (min-width: 470px) and (max-width: 768px) {
  /* line 69, ../sketch.scss */
  header #sketch {
    background-image: url("/images/SharonSketch500.gif");
  }
}
@media only screen and (max-width: 470px) {
  /* line 77, ../sketch.scss */
  header #sketch {
    background-image: url("/images/SharonSketch300.gif");
  }
  /* line 81, ../sketch.scss */
  header h1 {
    font-size: 3em;
  }
  /* line 85, ../sketch.scss */
  header h2 {
    font-size: 1em;
  }
}

@media only screen and (min-width: 860px) {
  /* line 95, ../sketch.scss */
  .portfolio .detail {
    right: 101px;
    width: 136%;
  }
}
@media only screen and (min-width: 320px) and (max-width: 860px) {
  /* line 102, ../sketch.scss */
  .portfolio .detail {
    right: 55px;
  }
}
@media only screen and (max-width: 470px) {
  /* line 108, ../sketch.scss */
  .portfolio .video {
    padding-bottom: 50%;
  }
}