/* line 5, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

/* line 22, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html {
  line-height: 1;
}

/* line 24, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
ol, ul {
  list-style: none;
}

/* line 26, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* line 28, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

/* line 30, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q, blockquote {
  quotes: none;
}
/* line 103, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

/* line 32, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
a img {
  border: none;
}

/* line 116, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

/* line 1, ../../../components/sass/modules/portfolio.scss */
body {
  position: relative;
  width: 100%;
  font-family: "Brandon Grot W01 Light";
  text-align: center;
  line-height: 2;
}
/* line 8, ../../../components/sass/modules/portfolio.scss */
body h1 {
  color: rgba(255, 255, 255, 0.9);
  font-size: 3rem;
}
/* line 13, ../../../components/sass/modules/portfolio.scss */
body h2 {
  color: #ffffff;
  font-size: 2rem;
  padding-top: 100px;
  padding-bottom: 1rem;
  width: 50%;
  margin: 0 auto;
  text-shadow: 2px 2px 3px #ddd;
}
/* line 20, ../../../components/sass/modules/portfolio.scss */
body p {
  text-align: left;
  color: rgba(255, 255, 255, 0.9);
  font-size: 1.2rem;
  text-rendering: optimizelegibility;
  -moz-font-feature-settings: "kern" 1;
  -moz-font-feature-settings: "kern=1";
  -ms-font-feature-settings: "kern" 1;
  -o-font-feature-settings: "kern" 1;
  -webkit-font-feature-settings: "kern" 1;
  font-feature-settings: "kern" 1;
}
/* line 32, ../../../components/sass/modules/portfolio.scss */
body h4 {
  color: #ddd;
}
@import url("http://fast.fonts.net/t/1.css?apiType=css&projectid=1d1c527f-e8ab-48e2-a67c-e3de2fae2355");
@font-face{
font-family:"Brandon Grot W01 Thin";
src:url("Fonts/3651c1bb-b88f-4e50-b1de-a0e93b1770e1.eot?#iefix");
src:url("Fonts/3651c1bb-b88f-4e50-b1de-a0e93b1770e1.eot?#iefix") format("eot"),url("Fonts/ce5742e8-f05a-463f-b51a-a9a5059a119e.woff2") format("woff2"),url("Fonts/9cea1d1b-5428-4461-8a01-23d44045d07e.woff") format("woff"),url("Fonts/6530183c-fc34-4eaa-934a-d2b1c03b7a5f.ttf") format("truetype"),url("Fonts/4c444e85-f761-4519-a7b1-b3839969ba2a.svg#4c444e85-f761-4519-a7b1-b3839969ba2a") format("svg");
}
@font-face{
font-family:"Brandon Grot W01 Light";
src:url("Fonts/e00ba30a-0bf3-4c76-9392-8641fa237a92.eot?#iefix");
src:url("Fonts/e00ba30a-0bf3-4c76-9392-8641fa237a92.eot?#iefix") format("eot"),url("Fonts/69b40392-453a-438a-a121-a49e5fbc9213.woff2") format("woff2"),url("Fonts/9362bca5-b362-4543-a051-2129e2def911.woff") format("woff"),url("Fonts/85060878-ca6c-43cc-ac31-7edccfdca71b.ttf") format("truetype"),url("Fonts/47f089a6-c8ce-46fa-b98f-03b8c0619d8a.svg#47f089a6-c8ce-46fa-b98f-03b8c0619d8a") format("svg");
}
@font-face{
font-family:"BrandonGrotW01-Regular";
src:url("Fonts/49d8a110-dd06-4918-9fea-516c27058edf.eot?#iefix");
src:url("Fonts/49d8a110-dd06-4918-9fea-516c27058edf.eot?#iefix") format("eot"),url("Fonts/1e5fc8fa-a98c-4613-a08e-c6c975759a80.woff2") format("woff2"),url("Fonts/6b45f9ca-22b4-48ca-962f-6ff1fa7fc196.woff") format("woff"),url("Fonts/7fdcfbf6-62ea-4d31-935f-cac99a996c73.ttf") format("truetype"),url("Fonts/80f420d4-9e57-4016-b805-01b95b2e08f3.svg#80f420d4-9e57-4016-b805-01b95b2e08f3") format("svg");
}
@font-face{
font-family:"Brandon Text W01 Regular It";
src:url("Fonts/3d31ccf2-ab74-4edf-95db-58d99412e203.eot?#iefix");
src:url("Fonts/3d31ccf2-ab74-4edf-95db-58d99412e203.eot?#iefix") format("eot"),url("Fonts/252b9b34-f03e-4420-ac47-09fa289a95a7.woff2") format("woff2"),url("Fonts/99b23782-0532-4147-88e5-39f41ee33712.woff") format("woff"),url("Fonts/c3a1efbd-4ea0-427d-b8c6-994aa56cbcf7.ttf") format("truetype"),url("Fonts/9b46a793-05cb-4f24-90ef-2a5322dc69e7.svg#9b46a793-05cb-4f24-90ef-2a5322dc69e7") format("svg");
}
@font-face{
font-family:"Brandon Text W01 Bold Italic";
src:url("Fonts/8a6d4cd2-2045-4dfe-8486-07f1f89f4446.eot?#iefix");
src:url("Fonts/8a6d4cd2-2045-4dfe-8486-07f1f89f4446.eot?#iefix") format("eot"),url("Fonts/83e8a1eb-85b0-4033-bd42-71cefa8ced13.woff2") format("woff2"),url("Fonts/2ae75f11-896d-49e4-871b-68047650bf88.woff") format("woff"),url("Fonts/d4c3f97b-f76b-40ef-99e1-2100c47a46b4.ttf") format("truetype"),url("Fonts/42caf75d-fe08-4e83-954f-c6c2023233b7.svg#42caf75d-fe08-4e83-954f-c6c2023233b7") format("svg");
}
@font-face{
font-family:"Pacific Northwest Letters W01";
src:url("Fonts/8dd5144a-23c2-4619-a9a0-6dd184446775.eot?#iefix");
src:url("Fonts/8dd5144a-23c2-4619-a9a0-6dd184446775.eot?#iefix") format("eot"),url("Fonts/ecfafdeb-d6df-43cc-ba0e-cd8282fc597c.woff2") format("woff2"),url("Fonts/c217e092-6fd9-43e7-9ece-41a6d9b5327a.woff") format("woff"),url("Fonts/22576c74-884f-4290-a88b-304d5b483a26.ttf") format("truetype"),url("Fonts/9f987852-faae-4b61-aa99-1afc4ed517d2.svg#9f987852-faae-4b61-aa99-1afc4ed517d2") format("svg");
}

/* line 36, ../../../components/sass/modules/portfolio.scss */
header {
  background: #000;
}
@media (min-width: 650px) {
  /* line 38, ../../../components/sass/modules/portfolio.scss */
  header h4 {
    display: none;
  }
}
/* line 42, ../../../components/sass/modules/portfolio.scss */
header .fullheight {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  background: linear-gradient(135deg, #2e2638, #676372, #87aec1, #44404c, #403e6d);
  background-size: 300% 300%;
  -webkit-animation: gradient 15s ease forwards;
  -moz-animation: gradient 15s ease forwards;
  -o-animation: gradient 15s ease forwards;
  animation: gradient 15s ease forwards;
}
@media (min-width: 0) and (max-width:650px) {
  header .fullheight{-webkit-animation-play-state: paused;
  -moz-animation-play-state: paused;
  -o-animation-play-state: paused;
  animation-play-state: paused;
  }
}

/* line 43, ../../../components/sass/modules/portfolio.scss */
header .fullheight img#logo {
  width: 75px;
  position: absolute;
  top: 650px;
  left: 50%;
}
/* line 48, ../../../components/sass/modules/portfolio.scss */
header .fullheight img#logo:hover {
  width: 72px;
}
@-webkit-keyframes gradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
@-moz-keyframes gradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
@-o-keyframes gradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
@keyframes gradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
@keyframes offset {
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes fill-it {
  100% {
    fill: rgba(255, 255, 255, 0.1);
  }
}
/* line 68, ../../../components/sass/modules/portfolio.scss */
header .fullheight svg {
  display: block;
  max-width: 700px;
  width: 100%;
}
#intro h3{
  position:absolute;
  right:50px;
  top:0;
  color:#fff;
}
/* line 16, ../../../components/sass/_mixins.scss */
header .fullheight svg:before, header .fullheight svg:after {
  content: '';
  display: table;
}
/* line 21, ../../../components/sass/_mixins.scss */
header .fullheight svg:after {
  clear: both;
}
@media (min-width: 0) and (max-width: 960px) {
  /* line 68, ../../../components/sass/modules/portfolio.scss */
  header .fullheight svg {
    width: 80%;
  }
}
/* line 77, ../../../components/sass/modules/portfolio.scss */
header .fullheight .st0 {
  fill: transparent;
  stroke: rgba(255, 255, 255, 0.9);
  stroke-width: 2;
  stroke-dasharray: 700;
  stroke-dashoffset: 700;
  animation: offset 3s ease-out alternate forwards 3, fill-it .8s 3s forwards;
}
@media (min-width: 650px) and (max-width: 960px) {
  /* line 87, ../../../components/sass/modules/portfolio.scss */
  header ul {
    padding-left: 0;
  }
}
@media (min-width: 0px) and (max-width: 960px){
  header .fullheight .st0 {
  fill: rgba(255,255,255,0.1);
  stroke: rgba(255, 255, 255, 0.9);
  stroke-width: 1;
  stroke-dasharray:650;
  stroke-dashoffset:0;
  animation-play-state: paused;
}
}
/* line 91, ../../../components/sass/modules/portfolio.scss */
header ul#navbar {
  width: 100%;
  height: 54px;
  z-index: 99;
  line-height: 2;
  background: linear-gradient(120deg, #87aec1, rgba(68, 64, 76, 0.5), #403e6d);
  box-shadow: 3px 3px 3px 3px rgba(0, 0, 0, 0.2);
  padding: 10px 0;
}
/* line 96, ../../../components/sass/modules/portfolio.scss */
header ul#navbar svg {
  width: 150px;
}
/* line 103, ../../../components/sass/modules/portfolio.scss */
header ul#navbar .st0 {
  stroke-dasharray: 0 340;
  stroke-dashoffset: -270;
  stroke-width: 5px;
  fill: transparent;
  stroke: rgba(255, 255, 255, 0.8);
  border-bottom: 2px solid black;
  transition: stroke-width 1s, stroke-dashoffset 1s, stroke-dasharray 1s;
}
/* line 114, ../../../components/sass/modules/portfolio.scss */
header ul#navbar .text {
  color: #fff;
  top: -47px;
  font-size: 1.2rem;
  line-height: 1;
  position: relative;
}
/* line 121, ../../../components/sass/modules/portfolio.scss */
header ul#navbar li:hover .st0 {
  stroke-width: 2px;
  stroke-dashoffset: 0;
  stroke-dasharray: 760;
}
/* line 126, ../../../components/sass/modules/portfolio.scss */
header ul#navbar li {
  position: relative;
  display: inline-block;
}
/* line 128, ../../../components/sass/modules/portfolio.scss */
header ul#navbar li a {
  text-decoration: none;
  text-align: center;
  color: #ffffff;
  line-height: 2;
  text-transform: uppercase;
}
@media (min-width: 650px) and (max-width: 960px) {
  /* line 138, ../../../components/sass/modules/portfolio.scss */
  header ul#navbar li {
    margin: 10px 0 0;
  }
  /* line 141, ../../../components/sass/modules/portfolio.scss */
  header ul#navbar svg {
    width: 130px;
  }
  /* line 145, ../../../components/sass/modules/portfolio.scss */
  header ul#navbar li:first-child svg {
    width: 110px;
  }
}
@media (min-width: 0) and (max-width: 650px) {
  /* line 91, ../../../components/sass/modules/portfolio.scss */
  header ul#navbar {
    padding: 0;
  }
  /* line 152, ../../../components/sass/modules/portfolio.scss */
  header ul#navbar svg {
    display: none;
  }
  /* line 155, ../../../components/sass/modules/portfolio.scss */
  header ul#navbar .text {
    width: 100%;
    top: 0;
    padding: 25px 20px 15px;
    font-size: 1.2rem;
    background: linear-gradient(120deg, #87aec1, rgba(68, 64, 76, 0.7), #403e6d);
  }
  /* line 161, ../../../components/sass/modules/portfolio.scss */
  header ul#navbar .text:hover {
    color: #c6b8c8;
    background: linear-gradient(120deg, #403e6d, rgba(68, 64, 76, 0.7), #87aec1);
  }
  /* line 166, ../../../components/sass/modules/portfolio.scss */
  header ul#navbar li {
    width: 40%;
    display: block;
    display: none;
  }
  /* line 172, ../../../components/sass/modules/portfolio.scss */
  header ul#navbar h4 {
    font-size: 1.7rem;
    text-align: right;
    margin-right: 20px;
  }
  /* line 173, ../../../components/sass/modules/portfolio.scss */
  header ul#navbar h4 i {
    margin-right: 10px;
  }
  /* line 176, ../../../components/sass/modules/portfolio.scss */
  header ul#navbar h4 span {
    font-family: "BrandonGrotW01-Regular";
    margin-left: 15px;
  }
  /* line 179, ../../../components/sass/modules/portfolio.scss */
  header ul#navbar h4:hover {
    color: #c6b8c8;
  }
}

/* line 193, ../../../components/sass/modules/portfolio.scss */
#wrapper article h1 {
  padding-top: 100px;
  padding-bottom: 20px;
}
/* line 16, ../../../components/sass/_mixins.scss */
#wrapper .hero_image:before, #wrapper .hero_image:after {
  content: '';
  display: table;
}
/* line 21, ../../../components/sass/_mixins.scss */
#wrapper .hero_image:after {
  clear: both;
}
/* line 201, ../../../components/sass/modules/portfolio.scss */
#wrapper .logo_page {
  background: radial-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.3)), url("../img/image1.jpg") no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
/* line 203, ../../../components/sass/modules/portfolio.scss */
#wrapper .logo_page .content1 {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 66.66667%;
  float: left;
  padding-left: 0.83333%;
  padding-right: 0.83333%;
  margin-top: 100px;
  float: right;
  margin-right: 50px;
  padding: 25px;
  position: relative;
}
/* line 212, ../../../components/sass/modules/portfolio.scss */
#wrapper .logo_page .content1 h1 {
  color: #dfa57c;
  line-height: 1.2;
  text-shadow: 3px 3px 3px 3px #eee;
}
/* line 217, ../../../components/sass/modules/portfolio.scss */
#wrapper .logo_page .content1 p {
  font-size: 1.5rem;
  text-align: center;
  text-shadow: 3px 3px 3px 3px #eee;
}
@media (min-width: 0) and (max-width: 650px) {
  /* line 224, ../../../components/sass/modules/portfolio.scss */
  #wrapper .logo_page .content1 {
    width: 70%;
  }
  /* line 226, ../../../components/sass/modules/portfolio.scss */
  #wrapper .logo_page .content1 h1 {
    font-size: 2rem;
  }
  /* line 229, ../../../components/sass/modules/portfolio.scss */
  #wrapper .logo_page .content1 p {
    font-size: 1.2rem;
  }
}
@media (min-width: 650px) and (max-width: 960px) {
  /* line 235, ../../../components/sass/modules/portfolio.scss */
  #wrapper .logo_page .content1 {
    width: 70%;
  }
  /* line 237, ../../../components/sass/modules/portfolio.scss */
  #wrapper .logo_page .content1 h1 {
    font-size: 3rem;
  }
}
/* line 243, ../../../components/sass/modules/portfolio.scss */
#wrapper .work {
  background: url("../img/img100.jpg") no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  padding-bottom: 100px;
}
/* line 247, ../../../components/sass/modules/portfolio.scss */
#wrapper .work .hero_shot {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 50%;
  float: left;
  
  padding-left: 10.0%;
  padding-right: 3%;
}
@media (min-width: 0) and (max-width: 650px) {
  /* line 252, ../../../components/sass/modules/portfolio.scss */
  #wrapper .work .hero_shot {
    width: 100%;
  }
  /* line 255, ../../../components/sass/modules/portfolio.scss */
  #wrapper .work article h1 {
    padding-top: 50px;
    font-size: 2rem;
  }
}
/* line 260, ../../../components/sass/modules/portfolio.scss */
#wrapper .work .content {
  max-width: 72em;
  margin-left: auto;
  margin-right: auto;
  padding-left: 9.16667%;
  padding-right: 9.16667%;
}
/* line 261, ../../../components/sass/modules/portfolio.scss */
#wrapper .work .content svg {
  width: 100%;
  height: auto;
  margin-bottom: 25px;
}
/* line 266, ../../../components/sass/modules/portfolio.scss */
#wrapper .work .content .st0 {
  cursor: pointer;
  cursor: hand;
  stroke-dasharray: 0 2000;
  stroke-dashoffset: 0;
  stroke-width: 7px;
  stroke: rgba(255, 255, 255, 0.8);
  transition: stroke-width 1s, stroke-dashoffset 1s, stroke-dasharray 1s;
}
/* line 275, ../../../components/sass/modules/portfolio.scss */
#wrapper .work .content .st1 {
  stroke-dasharray: 0 2000;
  stroke-dashoffset: 0;
  stroke-width: 7px;
  stroke: rgba(255, 255, 255, 0.8);
  transition: stroke-width 1s, stroke-dashoffset 2s, stroke-dasharray 2s;
}
/* line 282, ../../../components/sass/modules/portfolio.scss */
#wrapper .work .content:hover .st0, #wrapper .work .content:hover .st1 {
  cursor: pointer;
  cursor: hand;
  stroke-width: 2px;
  stroke-dashoffset: 0;
  stroke-dasharray: 2000;
}
/* line 12, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/susy-2.2.5/sass/susy/output/support/_clearfix.scss */
#wrapper .work .content:after {
  content: " ";
  display: block;
  clear: both;
}
/* line 291, ../../../components/sass/modules/portfolio.scss */
#wrapper .work .content p {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 41.66667%;
  float: left;
  padding-left: 0.83333%;
  padding-right: 0.83333%;
  padding-left: 0.83333%;
  padding-right: 5.0%;
}
/* line 16, ../../../components/sass/_mixins.scss */
#wrapper .work .content p:before, #wrapper .work .content p:after {
  content: '';
  display: table;
}
/* line 21, ../../../components/sass/_mixins.scss */
#wrapper .work .content p:after {
  clear: both;
}
/* line 297, ../../../components/sass/modules/portfolio.scss */
#wrapper .work .content img {
  margin-bottom: 25px;
}
/* line 302, ../../../components/sass/modules/portfolio.scss */
#wrapper .work .content:hover img {
  opacity: 0.3;
}
/* line 306, ../../../components/sass/modules/portfolio.scss */
#wrapper .work .content .item1, #wrapper .work .content .item2 {
  max-width: 72em;
  margin-left: auto;
  margin-right: auto;
}
/* line 12, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/susy-2.2.5/sass/susy/output/support/_clearfix.scss */
#wrapper .work .content .item1:after, #wrapper .work .content .item2:after {
  content: " ";
  display: block;
  clear: both;
}
/* line 16, ../../../components/sass/_mixins.scss */
#wrapper .work .content .item1:before, #wrapper .work .content .item1:after, #wrapper .work .content .item2:before, #wrapper .work .content .item2:after {
  content: '';
  display: table;
}
/* line 21, ../../../components/sass/_mixins.scss */
#wrapper .work .content .item1:after, #wrapper .work .content .item2:after {
  clear: both;
}
/* line 310, ../../../components/sass/modules/portfolio.scss */
#wrapper .work .content .item1:hover, #wrapper .work .content .item2:hover, #wrapper .work .content .item3:hover, #wrapper .work .content .item4:hover, #wrapper .work .content .item5:hover {
  cursor: pointer;
  cursor: hand;
}
/* line 312, ../../../components/sass/modules/portfolio.scss */
#wrapper .work .content .hide_page {
  display: none;
  max-width: 72em;
  margin-left: auto;
  margin-right: auto;
}
/* line 313, ../../../components/sass/modules/portfolio.scss */
#wrapper .work .content .hide_page span {
  cursor: pointer;
  cursor: hand;
}
/* line 318, ../../../components/sass/modules/portfolio.scss */
#wrapper .work .content .hide_page .read_more {
  display: none;
}
/* line 12, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/susy-2.2.5/sass/susy/output/support/_clearfix.scss */
#wrapper .work .content .hide_page:after {
  content: " ";
  display: block;
  clear: both;
}
/* line 322, ../../../components/sass/modules/portfolio.scss */
#wrapper .work .content .hide_page img {
  opacity: 1;
}
/* line 325, ../../../components/sass/modules/portfolio.scss */
#wrapper .work .content .hide_page h2 {
  font-size: 2.5rem;
  text-shadow: none;
  text-transform: uppercase;
}
/* line 331, ../../../components/sass/modules/portfolio.scss */
#wrapper .work .content .hide_page h3 {
  color: #ffffff;
  font-size: 1.5rem;
  border-bottom: solid rgba(255, 255, 255, 0.8) 1px;
  padding: 5px;
}
/* line 337, ../../../components/sass/modules/portfolio.scss */
#wrapper .work .content .hide_page p {
  width: 100%;
  padding-right: 0;
  margin-bottom: 50px;
}
/* line 344, ../../../components/sass/modules/portfolio.scss */
#wrapper .work .content .hide_page .logo {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 33.33333%;
  float: left;
  padding-left: 0.83333%;
  padding-right: 0.83333%;
  float: none;
  margin-top: 50px;
  opacity: 1;
  margin-bottom: 20px;
}
/* line 351, ../../../components/sass/modules/portfolio.scss */
#wrapper .work .content .hide_page .group3 {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 32.5%;
  float: left;
  padding-left: 0.83333%;
  padding-right: 0.83333%;
  margin-right: 1.2%;
  padding-left: 2.5%;
  padding-right: 2.5%;
  border: solid rgba(255, 255, 255, 0.8) 1px;
  background: linear-gradient(120deg, #624e66, rgba(151, 126, 156, 0.5), #2a222c);
}
/* line 352, ../../../components/sass/modules/portfolio.scss */
#wrapper .work .content .hide_page .group3 p {
  margin-bottom: 10px;
}
/* line 359, ../../../components/sass/modules/portfolio.scss */
#wrapper .work .content .hide_page .group3 #read_more1, #wrapper .work .content .hide_page .group3 #read_more2, #wrapper .work .content .hide_page .group3 #read_more3 {
  display: none;
}
/* line 362, ../../../components/sass/modules/portfolio.scss */
#wrapper .work .content .hide_page .group3 a {
  color: #c6b8c8;
}
/* line 364, ../../../components/sass/modules/portfolio.scss */
#wrapper .work .content .hide_page .group3 a:hover {
  color: #ffffff;
}
/* line 369, ../../../components/sass/modules/portfolio.scss */
#wrapper .work .content .hide_page .last_group3 {
  margin-right: 0;
}
/* line 16, ../../../components/sass/_mixins.scss */
#wrapper .work .content .hide_page #group3:before, #wrapper .work .content .hide_page #group3:after {
  content: '';
  display: table;
}
/* line 21, ../../../components/sass/_mixins.scss */
#wrapper .work .content .hide_page #group3:after {
  clear: both;
}
@media (min-width: 0) and (max-width: 650px) {
  /* line 379, ../../../components/sass/modules/portfolio.scss */
  #wrapper .work .content .hide_page .logo {
    width: 45%;
  }
  /* line 382, ../../../components/sass/modules/portfolio.scss */
  #wrapper .work .content .hide_page h2 {
    font-size: 2rem;
  }
}
/* line 388, ../../../components/sass/modules/portfolio.scss */
#wrapper .work .content #detail2chance {
  padding-left: 5.0%;
  padding-right: 5.0%;
  background: linear-gradient(120deg, #624e66, rgba(151, 126, 156, 0.5), #2a222c);
  box-shadow: 3px 3px 3px 3px rgba(0, 0, 0, 0.2);
}
/* line 389, ../../../components/sass/modules/portfolio.scss */
#wrapper .work .content #detail2chance #logic {
  max-width: 72em;
  margin-left: auto;
  margin-right: auto;
}
/* line 12, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/susy-2.2.5/sass/susy/output/support/_clearfix.scss */
#wrapper .work .content #detail2chance #logic:after {
  content: " ";
  display: block;
  clear: both;
}
/* line 391, ../../../components/sass/modules/portfolio.scss */
#wrapper .work .content #detail2chance #logic img {
  width: 100%;
}
/* line 16, ../../../components/sass/_mixins.scss */
#wrapper .work .content #detail2chance #brain_storm:before, #wrapper .work .content #detail2chance #brain_storm:after {
  content: '';
  display: table;
}
/* line 21, ../../../components/sass/_mixins.scss */
#wrapper .work .content #detail2chance #brain_storm:after {
  clear: both;
}
/* line 400, ../../../components/sass/modules/portfolio.scss */
#wrapper .work .content #detail2chance #brain_storm #wordlist {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 41.66667%;
  float: left;
  padding-left: 0.83333%;
  padding-right: 0.83333%;
}
/* line 401, ../../../components/sass/modules/portfolio.scss */
#wrapper .work .content #detail2chance #brain_storm #wordlist p#target_market {
  font-size: 1.5rem;
  color: #c6b8c8;
  margin-top: 0;
}
/* line 408, ../../../components/sass/modules/portfolio.scss */
#wrapper .work .content #detail2chance #brain_storm .brain_storm {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 58.33333%;
  float: left;
  padding-left: 0.83333%;
  padding-right: 0.83333%;
  padding-left: 5.0%;
  padding-right: 0.83333%;
}
/* line 411, ../../../components/sass/modules/portfolio.scss */
#wrapper .work .content #detail2chance #brain_storm .brain_storm img {
  width: 100%;
  margin-top: 10px;
}
/* line 16, ../../../components/sass/_mixins.scss */
#wrapper .work .content #detail2chance .chance_logo:before, #wrapper .work .content #detail2chance .chance_logo:after {
  content: '';
  display: table;
}
/* line 21, ../../../components/sass/_mixins.scss */
#wrapper .work .content #detail2chance .chance_logo:after {
  clear: both;
}
/* line 419, ../../../components/sass/modules/portfolio.scss */
#wrapper .work .content #detail2chance .chance_logo h2 {
  padding-top: 0;
}
/* line 422, ../../../components/sass/modules/portfolio.scss */
#wrapper .work .content #detail2chance .chance_logo .logo_image {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 32.91667%;
  float: left;
  padding-left: 0.83333%;
  padding-right: 0.83333%;
  margin-top: 80px;
}
/* line 423, ../../../components/sass/modules/portfolio.scss */
#wrapper .work .content #detail2chance .chance_logo .logo_image img {
  width: 100%;
}
/* line 427, ../../../components/sass/modules/portfolio.scss */
#wrapper .work .content #detail2chance .chance_logo .pre {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 30%;
  float: left;
  padding-left: 0.83333%;
  padding-right: 0.83333%;
  background-color: #ffffff;
  border-radius: 5px;
  padding: 20px 40px;
  margin: 0 10px;
}
/* line 433, ../../../components/sass/modules/portfolio.scss */
#wrapper .work .content #detail2chance .chance_logo .pre img:last-child {
  width: 80%;
  margin-bottom: 0;
}
/* line 439, ../../../components/sass/modules/portfolio.scss */
#wrapper .work .content #detail2chance .user_flow {
  max-width: 72em;
  margin-left: auto;
  margin-right: auto;
}
/* line 16, ../../../components/sass/_mixins.scss */
#wrapper .work .content #detail2chance .user_flow:before, #wrapper .work .content #detail2chance .user_flow:after {
  content: '';
  display: table;
}
/* line 21, ../../../components/sass/_mixins.scss */
#wrapper .work .content #detail2chance .user_flow:after {
  clear: both;
}
/* line 441, ../../../components/sass/modules/portfolio.scss */
#wrapper .work .content #detail2chance .user_flow img {
  width: 100%;
}
/* line 444, ../../../components/sass/modules/portfolio.scss */
#wrapper .work .content #detail2chance .user_flow h2 {
  padding-top: 50px;
}
/* line 12, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/susy-2.2.5/sass/susy/output/support/_clearfix.scss */
#wrapper .work .content #detail2chance .user_flow:after {
  content: " ";
  display: block;
  clear: both;
}
/* line 447, ../../../components/sass/modules/portfolio.scss */
#wrapper .work .content #detail2chance .wireframe {
  max-width: 72em;
  margin-left: auto;
  margin-right: auto;
}
/* line 12, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/susy-2.2.5/sass/susy/output/support/_clearfix.scss */
#wrapper .work .content #detail2chance .wireframe:after {
  content: " ";
  display: block;
  clear: both;
}
/* line 449, ../../../components/sass/modules/portfolio.scss */
#wrapper .work .content #detail2chance .wireframe .chance_wf_container {
  display: none;
  margin-top: 100px;
}
/* line 454, ../../../components/sass/modules/portfolio.scss */
#wrapper .work .content #detail2chance .wireframe ul li {
  display: inline-block;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 33.33333%;
  float: left;
  padding-left: 0.83333%;
  padding-right: 0.83333%;
  border: solid #977E9C 1px;
}
#wrapper .work .content #detail2chance .wireframe ul li:hover{
  
  background-color:rgba(0,0,0,0.2);
}


/* line 457, ../../../components/sass/modules/portfolio.scss */
#wrapper .work .content #detail2chance .wireframe ul li a {
  font-size: 1.2rem;
  text-decoration: none;
  color: #977E9C;
  line-height: 2;
  text-transform: uppercase;
}
/* line 16, ../../../components/sass/_mixins.scss */
#wrapper .work .content #detail2chance .wireframe:before, #wrapper .work .content #detail2chance .wireframe:after {
  content: '';
  display: table;
}
/* line 21, ../../../components/sass/_mixins.scss */
#wrapper .work .content #detail2chance .wireframe:after {
  clear: both;
}
/* line 466, ../../../components/sass/modules/portfolio.scss */
#wrapper .work .content #detail2chance .wireframe img {
  width: 100%;
  margin-top: 10px;
}
/* line 471, ../../../components/sass/modules/portfolio.scss */
#wrapper .work .content #detail2chance .website {
  max-width: 72em;
  margin-left: auto;
  margin-right: auto;
}
/* line 12, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/susy-2.2.5/sass/susy/output/support/_clearfix.scss */
#wrapper .work .content #detail2chance .website:after {
  content: " ";
  display: block;
  clear: both;
}
/* line 473, ../../../components/sass/modules/portfolio.scss */
#wrapper .work .content #detail2chance .website .chance_container {
  display: none;
  margin-top: 100px;
}
/* line 479, ../../../components/sass/modules/portfolio.scss */
#wrapper .work .content #detail2chance .website ul li {
  display: inline-block;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 33.33333%;
  float: left;
  padding-left: 0.83333%;
  padding-right: 0.83333%;
  border: solid #977E9C 1px;
}
#wrapper .work .content #detail2chance .website ul li:hover {

background-color:rgba(0,0,0,0.2);}
/* line 482, ../../../components/sass/modules/portfolio.scss */
#wrapper .work .content #detail2chance .website ul li a {
  font-size: 1.2rem;
  text-decoration: none;
  color: #977E9C;
  line-height: 2;
  text-transform: uppercase;
}
/* line 490, ../../../components/sass/modules/portfolio.scss */
#wrapper .work .content #detail2chance .website h3 {
  margin-bottom: 30px;
}
/* line 494, ../../../components/sass/modules/portfolio.scss */
#wrapper .work .content #detail2chance .website #chance_ipad img:last-child {
  width: 80%;
}
/* line 499, ../../../components/sass/modules/portfolio.scss */
#wrapper .work .content #detail2chance .website #chance_website img {
  width: 80%;
}
/* line 501, ../../../components/sass/modules/portfolio.scss */
#wrapper .work .content #detail2chance .website #chance_movie {
  margin-top: 200px;
  margin-bottom: 100px;
}
/* line 504, ../../../components/sass/modules/portfolio.scss */
#wrapper .work .content #detail2chance .website #chance_movie video {
  width: 100%;
}
@media (min-width: 0) and (max-width: 650px) {
  /* line 510, ../../../components/sass/modules/portfolio.scss */
  #wrapper .work .content #detail2chance #brain_storm #wordlist {
    width: 100%;
  }
  /* line 513, ../../../components/sass/modules/portfolio.scss */
  #wrapper .work .content #detail2chance #target_market {
    border: 3px solid #977E9C;
    padding: 10px;
  }
  /* line 517, ../../../components/sass/modules/portfolio.scss */
  #wrapper .work .content #detail2chance #brain_storm .brain_storm {
    width: 100%;
    padding-left: 0;
  }
  /* line 521, ../../../components/sass/modules/portfolio.scss */
  #wrapper .work .content #detail2chance .chance_logo .logo_image {
    width: 100%;
    margin-top: 50px;
  }
  /* line 525, ../../../components/sass/modules/portfolio.scss */
  #wrapper .work .content #detail2chance .chance_logo .pre {
    margin: 0;
  }
  /* line 528, ../../../components/sass/modules/portfolio.scss */
  #wrapper .work .content #detail2chance .user_flow h2 {
    padding-top: 0;
  }
  /* line 531, ../../../components/sass/modules/portfolio.scss */
  #wrapper .work .content #detail2chance .wireframe h2 {
    padding-top: 50px;
  }
  /* line 534, ../../../components/sass/modules/portfolio.scss */
  #wrapper .work .content #detail2chance .website h2 {
    padding-top: 50px;
  }
  /* line 537, ../../../components/sass/modules/portfolio.scss */
  #wrapper .work .content #detail2chance .chance_container img {
    width: 100%;
  }
  /* line 540, ../../../components/sass/modules/portfolio.scss */
  #wrapper .work .content #detail2chance .website #chance_ipad img:last-child {
    width: 100%;
  }
  /* line 543, ../../../components/sass/modules/portfolio.scss */
  #wrapper .work .content #detail2chance .website #chance_movie {
    margin-top: 0;
    overflow: hidden;
  }
  /* line 546, ../../../components/sass/modules/portfolio.scss */
  #wrapper .work .content #detail2chance .website #chance_movie video {
    width: 200%;
    margin-left: -170px;
  }
}
/* line 553, ../../../components/sass/modules/portfolio.scss */
#wrapper .work .content #detailFoodHound {
  padding-left: 5.0%;
  padding-right: 5.0%;
  max-width: 72em;
  margin-left: auto;
  margin-right: auto;
  background-image: url(../img/foodhound_background.png);
}
/* line 12, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/susy-2.2.5/sass/susy/output/support/_clearfix.scss */
#wrapper .work .content #detailFoodHound:after {
  content: " ";
  display: block;
  clear: both;
}
/* line 16, ../../../components/sass/_mixins.scss */
#wrapper .work .content #detailFoodHound:before, #wrapper .work .content #detailFoodHound:after {
  content: '';
  display: table;
}
/* line 21, ../../../components/sass/_mixins.scss */
#wrapper .work .content #detailFoodHound:after {
  clear: both;
}
/* line 558, ../../../components/sass/modules/portfolio.scss */
#wrapper .work .content #detailFoodHound .logo {
  width: 25%;
  margin: 75px auto 50px;
}
/* line 562, ../../../components/sass/modules/portfolio.scss */
#wrapper .work .content #detailFoodHound p {
  margin-top: 50px;
  margin-bottom: 0;
}
/* line 565, ../../../components/sass/modules/portfolio.scss */
#wrapper .work .content #detailFoodHound img.box_line {
  padding: 30px;
  border: solid #ffffff 1px;
  padding-left: 9.16667%;
  padding-right: 9.16667%;
  width: 80%;
  margin-top: 50px;
}
/* line 573, ../../../components/sass/modules/portfolio.scss */
#wrapper .work .content #detailFoodHound .wordlist li {
  color: #ffffff;
  font-size: 1.5rem;
  text-transform: uppercase;
  margin-top: 10px;
}
/* line 578, ../../../components/sass/modules/portfolio.scss */
#wrapper .work .content #detailFoodHound .wordlist li h5 {
  font-family: "Brandon Text W01 Regular It";
}
/* line 583, ../../../components/sass/modules/portfolio.scss */
#wrapper .work .content #detailFoodHound .user {
  margin-top: 100px;
}
/* line 16, ../../../components/sass/_mixins.scss */
#wrapper .work .content #detailFoodHound .user:before, #wrapper .work .content #detailFoodHound .user:after {
  content: '';
  display: table;
}
/* line 21, ../../../components/sass/_mixins.scss */
#wrapper .work .content #detailFoodHound .user:after {
  clear: both;
}
/* line 586, ../../../components/sass/modules/portfolio.scss */
#wrapper .work .content #detailFoodHound .user h3 {
  margin-bottom: 50px;
}
/* line 587, ../../../components/sass/modules/portfolio.scss */
#wrapper .work .content #detailFoodHound .user .user1 {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 33.33333%;
  float: left;
  padding-left: 0.83333%;
  padding-right: 0.83333%;
}
/* line 588, ../../../components/sass/modules/portfolio.scss */
#wrapper .work .content #detailFoodHound .user .user1 h3 {
  margin-bottom: 0;
}
/* line 589, ../../../components/sass/modules/portfolio.scss */
#wrapper .work .content #detailFoodHound .user .user1 img {
  width: 100%;
  max-width: 250px;
}
/* line 593, ../../../components/sass/modules/portfolio.scss */
#wrapper .work .content #detailFoodHound .user p {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 66.66667%;
  float: left;
  padding-left: 0.83333%;
  padding-right: 0.83333%;
  padding-left: 9.16667%;
  padding-right: 9.16667%;
  margin-top: 0;
  margin-bottom: 50px;
}
/* line 600, ../../../components/sass/modules/portfolio.scss */
#wrapper .work .content #detailFoodHound .fh_userflow {
  max-width: 72em;
  margin-left: auto;
  margin-right: auto;
  padding-left: 5.0%;
  padding-right: 5.0%;
}
/* line 12, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/susy-2.2.5/sass/susy/output/support/_clearfix.scss */
#wrapper .work .content #detailFoodHound .fh_userflow:after {
  content: " ";
  display: block;
  clear: both;
}
/* line 603, ../../../components/sass/modules/portfolio.scss */
#wrapper .work .content #detailFoodHound .fh_userflow img {
  width: 80%;
}
@media (min-width: 0) and (max-width: 960px) {
  /* line 607, ../../../components/sass/modules/portfolio.scss */
  #wrapper .work .content #detailFoodHound .user .user1 {
    width: 100%;
  }
  /* line 609, ../../../components/sass/modules/portfolio.scss */
  #wrapper .work .content #detailFoodHound .user .user1 img {
    margin-bottom: 0;
  }
  /* line 612, ../../../components/sass/modules/portfolio.scss */
  #wrapper .work .content #detailFoodHound .user .user1 h4 {
    margin-bottom: 25px;
  }
  /* line 617, ../../../components/sass/modules/portfolio.scss */
  #wrapper .work .content #detailFoodHound .user p {
    width: 100%;
  }
}
/* line 624, ../../../components/sass/modules/portfolio.scss */
#wrapper .work .content #detailSlowFish {
  max-width: 72em;
  margin-left: auto;
  margin-right: auto;
  padding-left: 5.0%;
  padding-right: 5.0%;
}
/* line 12, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/susy-2.2.5/sass/susy/output/support/_clearfix.scss */
#wrapper .work .content #detailSlowFish:after {
  content: " ";
  display: block;
  clear: both;
}
/* line 627, ../../../components/sass/modules/portfolio.scss */
#wrapper .work .content #detailSlowFish .logo {
  margin-bottom: 50px;
}
/* line 629, ../../../components/sass/modules/portfolio.scss */
#wrapper .work .content #detailSlowFish .logo img {
  width: 30%;
}
/* line 633, ../../../components/sass/modules/portfolio.scss */
#wrapper .work .content #detailSlowFish .slow_fish_iwatch img {
  width: 100%;
  margin-top: 100px;
  margin-bottom: 100px;
}
@media (min-width: 0) and (max-width: 650px) {
  /* line 640, ../../../components/sass/modules/portfolio.scss */
  #wrapper .work .content #detailSlowFish .slow_fish_iwatch img {
    margin-top: 0;
  }
}
/* line 647, ../../../components/sass/modules/portfolio.scss */
#wrapper .work .content #detail7daysTodo img.logo {
  width: 30%;
  opacity: 0.8;
  margin-bottom: 50px;
}
/* line 653, ../../../components/sass/modules/portfolio.scss */
#wrapper .work .content .images_gallery {
  margin-bottom: 50px;
  max-width: 72em;
  margin-left: auto;
  margin-right: auto;
}
/* line 12, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/susy-2.2.5/sass/susy/output/support/_clearfix.scss */
#wrapper .work .content .images_gallery:after {
  content: " ";
  display: block;
  clear: both;
}
/* line 657, ../../../components/sass/modules/portfolio.scss */
#wrapper .work .content .images_gallery .small_image {
  border-radius: 5px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 32.2%;
  float: left;
  padding-left: 0.83333%;
  padding-right: 0.83333%;
  height: 300px;
  overflow: hidden;
  margin-right: 5px;
  margin-bottom: 5px;
}
/* line 16, ../../../components/sass/_mixins.scss */
#wrapper .work .content .images_gallery .small_image:before, #wrapper .work .content .images_gallery .small_image:after {
  content: '';
  display: table;
}
/* line 21, ../../../components/sass/_mixins.scss */
#wrapper .work .content .images_gallery .small_image:after {
  clear: both;
}
/* line 666, ../../../components/sass/modules/portfolio.scss */
#wrapper .work .content .images_gallery .small_image img {
  width: 200%;
  margin-left: -100px;
  margin-top: -20px;
}
/* line 672, ../../../components/sass/modules/portfolio.scss */
#wrapper .work .content .images_gallery img:hover {
  opacity: 0.3;
}
@media (min-width: 0) and (max-width: 650px) {
  /* line 678, ../../../components/sass/modules/portfolio.scss */
  #wrapper .work .content .images_gallery .small_image {
    width: 100%;
  }
  /* line 680, ../../../components/sass/modules/portfolio.scss */
  #wrapper .work .content .images_gallery .small_image:last-child {
    margin-bottom: 50px;
  }
}
@media (min-width: 650px) and (max-width: 960px) {
  /* line 688, ../../../components/sass/modules/portfolio.scss */
  #wrapper .work .content .images_gallery .small_image {
    height: 200px;
  }
}
@media (min-width: 960px) and (max-width: 1200px) {
  /* line 695, ../../../components/sass/modules/portfolio.scss */
  #wrapper .work .content .images_gallery .small_image {
    height: 250px;
  }
}
@media (min-width: 0) and (max-width: 650px) {
  /* line 705, ../../../components/sass/modules/portfolio.scss */
  #wrapper .work .content .item4 img {
    margin-bottom: 0;
  }
  /* line 708, ../../../components/sass/modules/portfolio.scss */
  #wrapper .work .content p {
    width: 100%;
  }
  /* line 712, ../../../components/sass/modules/portfolio.scss */
  #wrapper .work .content .hide_page .group3 {
    width: 100%;
    margin-bottom: 25px;
  }
}
@media (min-width: 650px) and (max-width: 960px) {
  /* line 722, ../../../components/sass/modules/portfolio.scss */
  #wrapper .work .content .hide_page .group3 {
    width: 49%;
    margin-right: 5px;
    margin-bottom: 5px;
  }
}
/* line 731, ../../../components/sass/modules/portfolio.scss */
#wrapper .work #overlay1, #wrapper .work #overlay2, #wrapper .work #overlay3 {
  box-shadow: 3px 3px 3px 3px rgba(0, 0, 0, 0.7);
  background: rgba(0, 0, 0, 0.7);
  width: 100%;
  height: auto;
  position: absolute;
  left: 0;
  padding: 50px 0;
  display: none;
  text-align: center;
}
/* line 16, ../../../components/sass/_mixins.scss */
#wrapper .work #overlay1:before, #wrapper .work #overlay1:after, #wrapper .work #overlay2:before, #wrapper .work #overlay2:after, #wrapper .work #overlay3:before, #wrapper .work #overlay3:after {
  content: '';
  display: table;
}
/* line 21, ../../../components/sass/_mixins.scss */
#wrapper .work #overlay1:after, #wrapper .work #overlay2:after, #wrapper .work #overlay3:after {
  clear: both;
}
/* line 742, ../../../components/sass/modules/portfolio.scss */
#wrapper .work #overlay1 img, #wrapper .work #overlay2 img, #wrapper .work #overlay3 img {
  width: 60%;
}
/* line 745, ../../../components/sass/modules/portfolio.scss */
#wrapper .work #overlay1 img:hover, #wrapper .work #overlay2 img:hover, #wrapper .work #overlay3 img:hover {
  opacity: 1;
}
@media (min-width: 0) and (max-width: 650px) {
  /* line 749, ../../../components/sass/modules/portfolio.scss */
  #wrapper .work #overlay1, #wrapper .work #overlay2, #wrapper .work #overlay3 {
    height: 100%;
    position: absolute;
  }
  /* line 751, ../../../components/sass/modules/portfolio.scss */
  #wrapper .work #overlay1 img, #wrapper .work #overlay2 img, #wrapper .work #overlay3 img {
    width: 100%;
  }
}
.hide{
  display: none;
}
/* line 760, ../../../components/sass/modules/portfolio.scss */
footer.scene {
  margin: 0;
  padding: 0;
  background-color: #000;
  color: #eee;
}
footer p{
  text-align: center;
  font-size: 1.2rem;
}