@charset "UTF-8";
/* ////////// */
/* VARIABLES */
/* /////////////// */
/* CSS BEGINS HERE */
/* line 34, /Users/jakobsmedhagen/Desktop/Kod_jäger/New/css/main.scss */
body,
html {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  letter-spacing: 0.04em;
  color: #000; }

/* line 44, /Users/jakobsmedhagen/Desktop/Kod_jäger/New/css/main.scss */
* {
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent; }

/* line 48, /Users/jakobsmedhagen/Desktop/Kod_jäger/New/css/main.scss */
::-webkit-scrollbar {
  width: 0 !important; }

/* line 51, /Users/jakobsmedhagen/Desktop/Kod_jäger/New/css/main.scss */
::-moz-selection {
  background: #F0F0F0; }

/* line 54, /Users/jakobsmedhagen/Desktop/Kod_jäger/New/css/main.scss */
::selection {
  background: #F0F0F0; }

/* START OF LANDING-PAGE CSS */
/* line 60, /Users/jakobsmedhagen/Desktop/Kod_jäger/New/css/main.scss */
#landing {
  display: block;
  width: 100%;
  height: 100%; }

/* line 65, /Users/jakobsmedhagen/Desktop/Kod_jäger/New/css/main.scss */
#landing-image {
  width: auto;
  height: 400px; }
  /* line 68, /Users/jakobsmedhagen/Desktop/Kod_jäger/New/css/main.scss */
  #landing-image img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    height: auto;
    width: auto;
    animation-name: dropdown;
    animation-iteration-count: 1;
    animation-timing-function: ease;
    animation-duration: 0.6s; }

/* END OF LANDING-PAGE CSS */
/* START OF HEADER CSS */
/* line 86, /Users/jakobsmedhagen/Desktop/Kod_jäger/New/css/main.scss */
header {
  display: block; }

/* line 89, /Users/jakobsmedhagen/Desktop/Kod_jäger/New/css/main.scss */
.header {
  display: block;
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  margin: 0;
  padding: 80px 0;
  background: -moz-linear-gradient(top, white 0%, rgba(255, 255, 255, 0) 100%);
  background: -webkit-linear-gradient(top, white 0%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(to bottom, white 0%, rgba(255, 255, 255, 0) 100%);
  z-index: 10; }

/* line 103, /Users/jakobsmedhagen/Desktop/Kod_jäger/New/css/main.scss */
nav {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0 26px 0 80px; }
  /* line 108, /Users/jakobsmedhagen/Desktop/Kod_jäger/New/css/main.scss */
  nav ul {
    list-style: none;
    margin: 0;
    padding: 0; }
  /* line 113, /Users/jakobsmedhagen/Desktop/Kod_jäger/New/css/main.scss */
  nav li {
    display: inline-block; }
  /* line 116, /Users/jakobsmedhagen/Desktop/Kod_jäger/New/css/main.scss */
  nav a {
    display: block;
    margin: 0 1.5px 0 0;
    text-decoration: none;
    color: #000;
    font-size: 18px;
    line-height: 26px; }
  /* line 126, /Users/jakobsmedhagen/Desktop/Kod_jäger/New/css/main.scss */
  nav #work,
nav #commission,
  nav #about,
  nav #contact
{
    color: #a0a0a0; }

/* END OF HEADER CSS */
/* START OF LIGHTBOX CSS */
/* //// LIGHTBOX //// */
/* line 139, /Users/jakobsmedhagen/Desktop/Kod_jäger/New/css/main.scss */
.popup {
  width: 100%;
  height: 100%;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  background: white;
  z-index: 99990; }

/* Close Button */
/* line 152, /Users/jakobsmedhagen/Desktop/Kod_jäger/New/css/main.scss */
.popup-close {
  display: block;
  position: absolute;
  right: 80px;
  font-size: 18px;
  line-height: 26px;
  padding: 0;
  margin: 0;
  color: #000;
  z-index: 999999;
  text-decoration: none; }
  /* line 163, /Users/jakobsmedhagen/Desktop/Kod_jäger/New/css/main.scss */
  .popup-close:hover {
    text-decoration: none; }

/* line 167, /Users/jakobsmedhagen/Desktop/Kod_jäger/New/css/main.scss */
.title {
  display: block;
  position: absolute;
  left: 80px;
  font-size: 18px;
  line-height: 26px;
  padding: 0;
  margin: 0;
  color: #000;
  z-index: 999999;
  text-decoration: none; }

/* //// SLIDESHOW //// */
/* line 182, /Users/jakobsmedhagen/Desktop/Kod_jäger/New/css/main.scss */
.my-slider {
  width: 100%;
  height: 100vh;
  margin: 0 auto; }

/* line 187, /Users/jakobsmedhagen/Desktop/Kod_jäger/New/css/main.scss */
.my-slider ul {
  height: 100%; }

/* line 190, /Users/jakobsmedhagen/Desktop/Kod_jäger/New/css/main.scss */
.my-slider li {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%); }

/* line 193, /Users/jakobsmedhagen/Desktop/Kod_jäger/New/css/main.scss */
.my-slider img {
  display: block;
  max-height: 600px;
  max-width: 100%;
  margin: 0 auto; }

/* END OF LIGHTBOX CSS */
/* START OF GENERAL PAGE CSS */
/* line 205, /Users/jakobsmedhagen/Desktop/Kod_jäger/New/css/main.scss */
.page-container {
  display: block;
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0 26px 0 80px; }

/* line 212, /Users/jakobsmedhagen/Desktop/Kod_jäger/New/css/main.scss */
.page {
  display: block;
  margin: 212px 0 0 0;
  animation-name: dropdown;
  animation-iteration-count: 1;
  animation-timing-function: ease;
  animation-duration: 0.6s; }

@-moz-keyframes dropdown {
  0% {
    -moz-transform: translateY(-20px);
    opacity: 0; }
  100% {
    -moz-transform: translateY(0);
    opacity: 1; } }

@-webkit-keyframes dropdown {
  0% {
    -webkit-transform: translateY(-20px);
    opacity: 0; }
  100% {
    -webkit-transform: translateY(0);
    opacity: 1; } }

@keyframes dropdown {
  0% {
    transform: translateY(-20px);
    opacity: 0; }
  100% {
    transform: translateY(0);
    opacity: 1; } }

/* line 250, /Users/jakobsmedhagen/Desktop/Kod_jäger/New/css/main.scss */
.grid-container {
  width: 100%;
  max-width: 800px;
  height: auto;
  margin: 0 0 80px 0; }

/* line 257, /Users/jakobsmedhagen/Desktop/Kod_jäger/New/css/main.scss */
.row:before,
.row:after {
  content: "";
  display: table;
  clear: both; }

/* line 262, /Users/jakobsmedhagen/Desktop/Kod_jäger/New/css/main.scss */
[class*='col-'] {
  float: left;
  min-height: 1px;
  width: 8.33%;
  padding: 0 10px 0 0;
  margin: 0; }
  /* line 268, /Users/jakobsmedhagen/Desktop/Kod_jäger/New/css/main.scss */
  [class*='col-'] img {
    display: block; }
  /* line 271, /Users/jakobsmedhagen/Desktop/Kod_jäger/New/css/main.scss */
  [class*='col-'] p {
    font-size: 18px;
    line-height: 26px;
    padding: 0;
    margin: 0; }
  /* line 277, /Users/jakobsmedhagen/Desktop/Kod_jäger/New/css/main.scss */
  [class*='col-'] a {
    color: #000;
    text-decoration: none; }

/* line 282, /Users/jakobsmedhagen/Desktop/Kod_jäger/New/css/main.scss */
.col-1 {
  width: 8.33%; }

/* line 285, /Users/jakobsmedhagen/Desktop/Kod_jäger/New/css/main.scss */
.col-2 {
  width: 16.66%; }

/* line 288, /Users/jakobsmedhagen/Desktop/Kod_jäger/New/css/main.scss */
.col-3 {
  width: 25%; }

/* line 291, /Users/jakobsmedhagen/Desktop/Kod_jäger/New/css/main.scss */
.col-4 {
  width: 33.33%; }

/* line 294, /Users/jakobsmedhagen/Desktop/Kod_jäger/New/css/main.scss */
.col-5 {
  width: 41.66%; }

/* line 297, /Users/jakobsmedhagen/Desktop/Kod_jäger/New/css/main.scss */
.col-6 {
  width: 50%; }

/* line 300, /Users/jakobsmedhagen/Desktop/Kod_jäger/New/css/main.scss */
.col-7 {
  width: 58.33%; }

/* line 303, /Users/jakobsmedhagen/Desktop/Kod_jäger/New/css/main.scss */
.col-8 {
  width: 66.66%; }

/* line 306, /Users/jakobsmedhagen/Desktop/Kod_jäger/New/css/main.scss */
.col-9 {
  width: 75%; }

/* line 309, /Users/jakobsmedhagen/Desktop/Kod_jäger/New/css/main.scss */
.col-10 {
  width: 83.33%; }

/* line 312, /Users/jakobsmedhagen/Desktop/Kod_jäger/New/css/main.scss */
.col-11 {
  width: 91.66%; }

/* line 315, /Users/jakobsmedhagen/Desktop/Kod_jäger/New/css/main.scss */
.col-12 {
  width: 100%; }

/* END OF GENERAL PAGE CSS */
/* START OF WORK-PAGE CSS */
/* line 324, /Users/jakobsmedhagen/Desktop/Kod_jäger/New/css/main.scss */
.flex-container {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  -moz-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start; }

/* line 339, /Users/jakobsmedhagen/Desktop/Kod_jäger/New/css/main.scss */
.flex-item {
  display: block;
  width: auto;
  height: auto;
  min-height: 1px;
  margin: 0 26px 80px 0; }
  /* line 345, /Users/jakobsmedhagen/Desktop/Kod_jäger/New/css/main.scss */
  .flex-item img {
    display: block;
    max-height: 192px;
    -webkit-transition: transform 0.3s ease-out;
    -moz-transition: transform 0.3s ease-out;
    -ms-transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out; }
    /* line 349, /Users/jakobsmedhagen/Desktop/Kod_jäger/New/css/main.scss */
    .flex-item img:hover {
      -webkit-transform: translateY(-6.5px);
      transform: translateY(-6.5px);
      cursor: zoom-in; }
  /* line 355, /Users/jakobsmedhagen/Desktop/Kod_jäger/New/css/main.scss */
  .flex-item p {
    font-size: 18px;
    line-height: 26px;
    padding: 6.5px 0 0 0;
    margin: 0; }

/* END OF WORK-PAGE CSS */
/* START OF ABOUT-PAGE CSS */
/* line 368, /Users/jakobsmedhagen/Desktop/Kod_jäger/New/css/main.scss */
.headline {
  display: block;
  margin: 0 auto;
  padding: 0 0 26px 0; }
  /* line 372, /Users/jakobsmedhagen/Desktop/Kod_jäger/New/css/main.scss */
  .headline span {
    font-size: 18px;
    line-height: 26px; }

/* END OF ABOUT-PAGE CSS */
/* START OF CONTACT-PAGE CSS */
/* line 383, /Users/jakobsmedhagen/Desktop/Kod_jäger/New/css/main.scss */
#contact-img {
  max-width: 200px;
  margin: 0 0 26px 0;
  background-color: #fff; }

/* line 388, /Users/jakobsmedhagen/Desktop/Kod_jäger/New/css/main.scss */
#elstudio {
  display: block;
  margin-top: 26px; }
  /* line 391, /Users/jakobsmedhagen/Desktop/Kod_jäger/New/css/main.scss */
  #elstudio a {
    color: #000;
    text-decoration: none;
    border-bottom: none; }

/* line 397, /Users/jakobsmedhagen/Desktop/Kod_jäger/New/css/main.scss */
#design {
  display: block;
  margin-top: 26px;
  color: #a0a0a0; }
  /* line 401, /Users/jakobsmedhagen/Desktop/Kod_jäger/New/css/main.scss */
  #design a {
    color: #a0a0a0;
    text-decoration: none;
    border-bottom: none; }

/* line 407, /Users/jakobsmedhagen/Desktop/Kod_jäger/New/css/main.scss */
#copy {
  display: block;
  color: #a0a0a0; }

/* END OF CONTACT-PAGE CSS */
/* /////////////////// */
/* START OF MEDIA CSS */
/* /////////////////// */
/* ----------- Non-Retina Screens ----------- */
@media screen and (min-width: 800px) and (max-width: 1600px) and (-webkit-min-device-pixel-ratio: 1) {
  /* line 427, /Users/jakobsmedhagen/Desktop/Kod_jäger/New/css/main.scss */
  .my-slider img {
    max-height: 400px; } }

/* ----------- Retina Screens ----------- */
@media screen and (min-width: 800px) and (max-width: 1600px) and (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 192dpi) {
  /* line 435, /Users/jakobsmedhagen/Desktop/Kod_jäger/New/css/main.scss */
  .my-slider img {
    max-height: 400px; } }

@media screen and (max-width: 800px) {
  /* line 440, /Users/jakobsmedhagen/Desktop/Kod_jäger/New/css/main.scss */
  .my-slider img {
    max-height: 400px; }
  /* line 443, /Users/jakobsmedhagen/Desktop/Kod_jäger/New/css/main.scss */
  .header {
    padding: 60px 0; }
  /* line 446, /Users/jakobsmedhagen/Desktop/Kod_jäger/New/css/main.scss */
  nav {
    padding: 0 26px; }
  /* line 449, /Users/jakobsmedhagen/Desktop/Kod_jäger/New/css/main.scss */
  .page-container {
    padding: 0 26px; }
  /* line 452, /Users/jakobsmedhagen/Desktop/Kod_jäger/New/css/main.scss */
  .page {
    margin: 172px 0 0 0; }
  /* line 465, /Users/jakobsmedhagen/Desktop/Kod_jäger/New/css/main.scss */
  .col-1,
  .col-2,
  .col-3,
  .col-4,
  .col-5,
  .col-6,
  .col-7,
  .col-8,
  .col-9,
  .col-10,
  .col-11 {
    width: 100%; }
  /* line 468, /Users/jakobsmedhagen/Desktop/Kod_jäger/New/css/main.scss */
  .row {
    margin-bottom: 26px; }
  /* line 471, /Users/jakobsmedhagen/Desktop/Kod_jäger/New/css/main.scss */
  .flex-item {
    margin: 0 0 60px 0; }
    /* line 473, /Users/jakobsmedhagen/Desktop/Kod_jäger/New/css/main.scss */
    .flex-item img {
      display: block;
      max-height: 100% !important;
      max-width: 100% !important;
      -webkit-transition: transform 0.3s ease-out;
      -moz-transition: transform 0.3s ease-out;
      -ms-transition: transform 0.3s ease-out;
      transition: transform 0.3s ease-out; }
      /* line 478, /Users/jakobsmedhagen/Desktop/Kod_jäger/New/css/main.scss */
      .flex-item img:hover {
        -webkit-transform: translateY(-6.5px);
        transform: translateY(-6.5px);
        cursor: zoom-in; }
  /* line 485, /Users/jakobsmedhagen/Desktop/Kod_jäger/New/css/main.scss */
  .my-slider img {
    padding: 0 26px; }
  /* line 488, /Users/jakobsmedhagen/Desktop/Kod_jäger/New/css/main.scss */
  .popup-close {
    right: 26px; }
  /* line 491, /Users/jakobsmedhagen/Desktop/Kod_jäger/New/css/main.scss */
  .title {
    left: 26px; } }

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