@font-face {
  font-family: 'BebasNeueRegular';
  src: url("../fonts/BebasNeue-webfont.eot");
  src: url("../fonts/BebasNeue-webfont.eot?iefix") format("eot"), url("../fonts/BebasNeue-webfont.woff") format("woff"), url("../fonts/BebasNeue-webfont.ttf") format("truetype"), url("../fonts/BebasNeue-webfont.svg#webfontfvFLBU0N") format("svg");
  font-weight: normal;
  font-style: normal;
}

a {
  -webkit-transition:color 200ms, background 200ms;
  -moz-transition:color 200ms, background 200ms;
  -ms-transition:color 200ms, background 200ms;
  -o-transition:color 200ms, background 200ms;
  transition:color 200ms, background 200ms;
}

html, body {
  height:100%;
}

/* line 7, /Users/sydlawrence/Dropbox/Sites/wemakeawesomeshit/site/sass/partials/_page.scss */
body, select, input, textarea {
  color: #222222;
}

/* line 17, /Users/sydlawrence/Dropbox/Sites/wemakeawesomeshit/site/sass/partials/_page.scss */
body {
  font-family: BebasNeueRegular, helvetica, arial, sans-serif;
  background: #1a1a1a;
  color: #fff;
  margin: 0;
  padding: 0;
}

/* line 25, /Users/sydlawrence/Dropbox/Sites/wemakeawesomeshit/site/sass/partials/_page.scss */
a {
  color: #fff;
  text-decoration: none;
}
/* line 27, /Users/sydlawrence/Dropbox/Sites/wemakeawesomeshit/site/sass/partials/_page.scss */
a:hover {
  color: #ccc;
}

/* line 33, /Users/sydlawrence/Dropbox/Sites/wemakeawesomeshit/site/sass/partials/_page.scss */
h1, h2, h3, h4, h5 {
  font-weight: normal;
}

/* line 37, /Users/sydlawrence/Dropbox/Sites/wemakeawesomeshit/site/sass/partials/_page.scss */
.page p, .page li {
  font-family: helvetica, arial, sans-serif;
  font-size: 14px;
  line-height: 2em;
  margin-bottom: 10px;
}


h4 {
  font-family: BebasNeueRegular, helvetica, arial, sans-serif;
  font-size:200%;
}

/* line 43, /Users/sydlawrence/Dropbox/Sites/wemakeawesomeshit/site/sass/partials/_page.scss */
.page p a, .page li a {
  text-decoration: none;
  border-bottom: 1px dashed;
}

/* line 49, /Users/sydlawrence/Dropbox/Sites/wemakeawesomeshit/site/sass/partials/_page.scss */
.page {

  padding: 20px;
  padding-left:380px;
  padding-top: 0;
  padding-bottom: 89px;
  overflow-y: auto;
  display: none;
}

/* line 71, /Users/sydlawrence/Dropbox/Sites/wemakeawesomeshit/site/sass/partials/_page.scss */
#main_nav {
  font-size: 6em;
  position: fixed;
  pointer-events:none;
  bottom: 90px;
  z-index:99999999;
  left: 20px;
  right: 20px;
  text-transform: uppercase;
}
/* line 79, /Users/sydlawrence/Dropbox/Sites/wemakeawesomeshit/site/sass/partials/_page.scss */
#main_nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
/* line 83, /Users/sydlawrence/Dropbox/Sites/wemakeawesomeshit/site/sass/partials/_page.scss */
#main_nav ul li {
  margin: 0;
  padding: 0;
  line-height: 1em;
}
/* line 89, /Users/sydlawrence/Dropbox/Sites/wemakeawesomeshit/site/sass/partials/_page.scss */
#main_nav a {
  color: #fff;
  pointer-events:auto;
  text-decoration: none;
  border-bottom: 1px solid transparent;
}
/* line 94, /Users/sydlawrence/Dropbox/Sites/wemakeawesomeshit/site/sass/partials/_page.scss */
#main_nav a:hover {
  padding-bottom: -20px;
}
/* line 95, /Users/sydlawrence/Dropbox/Sites/wemakeawesomeshit/site/sass/partials/_page.scss */
#main_nav a:hover:after {
  content: attr(title);
  font-size: 0.5em;
  position: fixed;
  white-space: nowrap;
  line-height: 1em;
  padding-top: 0.5em;
  margin-left: 0em;
  padding:0.5em;
  background: #1a1a1a;
  z-index: 99999999999;
}

#make ul {
  padding:0;
}

.case-study {
  list-style: none;
}


/* line 113, /Users/sydlawrence/Dropbox/Sites/wemakeawesomeshit/site/sass/partials/_page.scss */
#footer {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 15px;
  background: #fff;
  color: #1a1a1a;
}
/* line 121, /Users/sydlawrence/Dropbox/Sites/wemakeawesomeshit/site/sass/partials/_page.scss */
#footer ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
/* line 125, /Users/sydlawrence/Dropbox/Sites/wemakeawesomeshit/site/sass/partials/_page.scss */
#footer ul li {
  margin: 0;
  padding: 0;
  display: inline-block;
  padding-right: 20px;
  font-size: 2em;
}
/* line 133, /Users/sydlawrence/Dropbox/Sites/wemakeawesomeshit/site/sass/partials/_page.scss */
#footer a {
  color: #1a1a1a;
  display:block;
  float:left;
  border:2px solid transparent;
  padding:6px 15px 5px;
}
/* line 135, /Users/sydlawrence/Dropbox/Sites/wemakeawesomeshit/site/sass/partials/_page.scss */
#footer a:hover {
  border:2px solid #1a1a1a;
}

.button, a.button {
   font-family: BebasNeueRegular, helvetica, arial, sans-serif;
  border:none !important;
  padding:6px 15px 5px 15px;
  font-size:22px;
  border:2px solid transparent;
  cursor:pointer;
  background:#ffffff;
  color:#1a1a1a;
  display: inline-block;

}

.button:hover {
  background:#1a1a1a;
  color:#ffffff;
  border:2px solid #ffffff;
}

#filter_button {
  position:fixed;
  font-family: BebasNeueRegular, helvetica, arial, sans-serif;
  z-index:99;
  border:none;
  padding:6px 15px 5px 15px;
  font-size:22px;
  top:20px;
  left:20px;
  border:2px solid transparent;
  cursor:pointer;
  background:#ffffff;
  color:#1a1a1a;
}
#filter_button:hover {
  background:#1a1a1a;
  color:#ffffff;
  border:2px solid #ffffff;
}

.meny {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  background:#fff;
  color:#1a1a1a;
  display:none;
  top:0px;
  left:0px;
  right:0px;
  position:fixed;
  z-index:999999999999999999;
  padding-top:10px;
}

.meny h2 {
  margin-top:0;
  padding-left:20px;
}

.meny li {
  display:block;
}

.meny ul {
  -webkit-column-count: 4;
  -webkit-column-gap: 0px;
  -moz-column-count: 3;
  -moz-column-gap: 0px;
  -ms-column-count: 4;
  -ms-column-gap: 0px;
  -o-column-count: 4;
  -o-column-gap: 0px;
  column-count: 4;
  column-gap: 0px;
  padding:0;
  margin:0;
  padding-bottom:20px;
}

.meny li a {
  color:#1a1a1a;
  display:block;
  padding:3px 3px 3px 20px;
}

.meny li a:hover {
  background:#1a1a1a;
  color:#fff;
}

li.press {
  margin-left:0px;
  list-style: none;
}
.press h4 {
  margin:20px 0 0 0 ;
  margin-left:-20px;
}

ul.grid  li, ul.grid li .image, ul.grid li .image img, ul.grid.clients img{
  width:250px;
  height:250px;
  overflow: hidden;
  position:relative;
  border:none;
}

@media only screen and (min-width: 990px) {
  ul.grid.staff li, ul.grid.staff li img {
    width:150px;
    height:150px;
  }
}



ul.grid li.coverage, ul.grid li.coverage .image, ul.grid li.coverage .image img {
  width:100px;
  height:100px;
  background:#1a1a1a;
}

ul.grid.awards h4 {
  font-size:1.2em;
}





li.case-study .details{
  display:none;
}

ul.grid li a {
  border:none;
}

ul.grid {
  margin:0;
  padding:0;
}


ul.grid li h4 {
  position:absolute;
  bottom:0;
  left:0;
  right:0;
  padding:5px;
  background:#fff;
  color:#000;
  margin:0;
  text-align: left;
  padding-right:100px;
  text-decoration: none;
  font-size:22px;
  -webkit-transition: 100ms opacity;
  -moz-transition: 100ms opacity;
  -ms-transition: 100ms opacity;
  -o-transition: 100ms opacity;
  transition: 100ms opacity;
}


ul.grid li h4 a {
  border:none;
  color:#000;
}


@media only screen and (min-width: 768px) {
  /* Style adjustments for viewports 768px and over go here */
}

@media only screen and (max-width: 990px) {

  ul.grid  li {
    width:40%;
    height:auto;
  }

  ul.grid li .image, ul.grid li .image img, ul.grid.clients img {
    width:100%;
    height:auto;
  }
}

@media only screen and (max-width: 810px) {
  /* Style adjustments for viewports 768px and over go here */
  /* line 20, /Users/sydlawrence/Dropbox/Sites/wemakeawesomeshit/site/sass/partials/_media.scss */
  #main_nav, #footer {
    position: static;
    padding: 20px;
  }

  ul.grid  li, ul.grid li .image, ul.grid li .image img, ul.grid.clients img {
    width:100%;
    height:auto;
  }

  ul.grid li img {
    -webkit-filter:none !important;
  }

  ul.grid li h4 {
    background:#1a1a1a;
    color:#fff;
  }

  ul.grid li h4 a {
    color:#fff;
  }

  ul.grid  li {
    width:40%;
  }

  #filter_button {
    right:20px;
    left:auto;
    top:15px;
  }

  /* line 25, /Users/sydlawrence/Dropbox/Sites/wemakeawesomeshit/site/sass/partials/_media.scss */


  /* line 37, /Users/sydlawrence/Dropbox/Sites/wemakeawesomeshit/site/sass/partials/_media.scss */
  a:after {
    display: none;
  }

  /* line 41, /Users/sydlawrence/Dropbox/Sites/wemakeawesomeshit/site/sass/partials/_media.scss */
  .page {
    position: static;
    padding: 20px;
    background: #fff;
    color: #000;
  }

  .page a {
    color:#1a1a1a;
  }

  /* line 48, /Users/sydlawrence/Dropbox/Sites/wemakeawesomeshit/site/sass/partials/_media.scss */
  #footer {
    background: #1a1a1a;
    color: #fff;
  }
  /* line 51, /Users/sydlawrence/Dropbox/Sites/wemakeawesomeshit/site/sass/partials/_media.scss */
  #footer a {
    color: #fff;
    font-size:20px;
  }
}
@media print {
  /* Style adjustments for print go here */
}



@media only screen and (max-width: 490px) {
  /* Style adjustments for viewports 480px and over go here */


  .meny ul li a {
    line-height:44px;
  }

  .meny {
    position:relative;
    top:auto;
    left:auto;
    right:auto;
    bottom:auto;
  }

  .meny ul {
    -webkit-column-count:1;
  }


  #footer {
    background:#fff;
    color:#1a1a1a;
  }

  #footer a {
    color:#1a1a1a;
  }

  ul.grid  li, ul.grid li .image, ul.grid li .image img, ul.grid.clients img {
    width:100%;
    height:auto;
  }

  ul.grid li h4 {
    font-size:30px;
  }

  #main_nav {
    font-size:4em;
  }

  #filter_button {
    left:0px;
    float:none;
    display:block;
    margin-bottom:30px;
    position:relative;
    text-align: left;
    top:0;
    right:0;
    width:100%;
  }

}

ul.grid {
  float:none;clear:both;
}

ul.grid li {
  float:left;
  margin:0 40px 40px 0;
  cursor:pointer;
}

ul.grid li:last-child {
  clear:right;
}




ul.grid img {
  -webkit-filter: saturate(0%) contrast(2000%) brightness(100%) ;
  -webkit-transition:all 500ms;

}

ul.grid li:hover img {
  -webkit-transform:translateZ(0);
  -webkit-filter: saturate(100%) contrast(100%) brightness(100%);
}




.case-study-main .tags {
  position:absolute;
  top:20px;
  right:20px;
}
.case-study-main .image {
  float:right;
  width:300px;
  height:300px;
  margin-left:40px;
}

.case-study-main .image img {
  max-width:300px;
  max-height:300px;