/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
/* line 6, www/sites/grisard/html/css/_reset.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-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
/* line 27, www/sites/grisard/html/css/_reset.scss */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

/* line 31, www/sites/grisard/html/css/_reset.scss */
body {
  line-height: 1; }

/* line 34, www/sites/grisard/html/css/_reset.scss */
ol, ul {
  list-style: none; }

/* line 37, www/sites/grisard/html/css/_reset.scss */
blockquote, q {
  quotes: none; }

/* line 40, www/sites/grisard/html/css/_reset.scss */
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

/* line 45, www/sites/grisard/html/css/_reset.scss */
table {
  border-collapse: collapse;
  border-spacing: 0; }

@font-face {
  font-family: 'supply';
  src: url(../fonts/TRSupply-Book.woff); }

/* line 6, www/sites/grisard/html/css/_typo.scss */
body, h1 {
  font-family: 'supply', Helvetica;
  -webkit-font-smoothing: antialiased;
  font-size: 1em;
  font-weight: normal;
  letter-spacing: .015em; }

/* line 14, www/sites/grisard/html/css/_typo.scss */
.title {
  line-height: 1.4em; }

/* line 18, www/sites/grisard/html/css/_typo.scss */
p {
  line-height: 1.4em;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto; }

/* line 26, www/sites/grisard/html/css/_typo.scss */
.smc {
  -webkit-font-feature-settings: 'smcp';
          font-feature-settings: 'smcp'; }

/* line 30, www/sites/grisard/html/css/_typo.scss */
nav, p {
  font-size: 1em;
  line-height: 1.4em;
  letter-spacing: .015em; }

/* line 37, www/sites/grisard/html/css/_typo.scss */
ul#project-list .title {
  font-size: 1.2em; }

/* line 40, www/sites/grisard/html/css/_typo.scss */
ul#project-list .n, ul#project-list .p, ul#project-list .y, ul#project-list .year {
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum'; }

/* line 43, www/sites/grisard/html/css/_typo.scss */
ul#project-list .y {
  text-align: right; }

/* line 48, www/sites/grisard/html/css/_typo.scss */
.n, .p, .y, .infos {
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum'; }

/* line 52, www/sites/grisard/html/css/_typo.scss */
.work-list {
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum'; }

@media screen and (min-width: 800px) {
  /* line 60, www/sites/grisard/html/css/_typo.scss */
  body, h1 {
    font-size: 1.2em; } }

/* line 1, www/sites/grisard/html/css/_layout.scss */
body, html {
  color: #ccc;
  background-color: white;
  margin: 0;
  padding: 0;
  height: 100vh;
  width: 100%; }

/* line 9, www/sites/grisard/html/css/_layout.scss */
#container {
  width: 100%;
  margin: 0 auto;
  position: relative; }
  @media (min-width: 1720px) {
    /* line 9, www/sites/grisard/html/css/_layout.scss */
    #container {
      width: 1680px; } }

/* line 18, www/sites/grisard/html/css/_layout.scss */
main {
  background-color: white;
  z-index: 1;
  padding-bottom: 2%; }

/* line 24, www/sites/grisard/html/css/_layout.scss */
::-moz-selection {
  background: grey;
  /* WebKit/Blink Browsers */ }
::selection {
  background: grey;
  /* WebKit/Blink Browsers */ }

/* line 27, www/sites/grisard/html/css/_layout.scss */
::-moz-selection {
  background: grey;
  /* Gecko Browsers */ }

/* line 31, www/sites/grisard/html/css/_layout.scss */
h1 {
  color: #444;
  margin: 0; }
  /* line 36, www/sites/grisard/html/css/_layout.scss */
  h1 .smc {
    color: #bbb; }

/* line 41, www/sites/grisard/html/css/_layout.scss */
p {
  margin-bottom: 1.4em; }

/* line 46, www/sites/grisard/html/css/_layout.scss */
section {
  margin: 4em 2%; }

/* line 50, www/sites/grisard/html/css/_layout.scss */
section.site-title {
  width: 90%;
  margin: 10em auto 0 auto; }

/* line 57, www/sites/grisard/html/css/_layout.scss */
section.sub-title {
  width: 90%;
  margin: 6em auto 0 auto; }

/* line 65, www/sites/grisard/html/css/_layout.scss */
article {
  background-color: white; }
  /* line 66, www/sites/grisard/html/css/_layout.scss */
  article.kontakt {
    margin: 7em auto 0 auto; }
  /* line 70, www/sites/grisard/html/css/_layout.scss */
  article h1 {
    width: 96%;
    margin: 4em auto; }
  /* line 74, www/sites/grisard/html/css/_layout.scss */
  article.publication {
    color: #444; }

/* line 79, www/sites/grisard/html/css/_layout.scss */
.overflow {
  overflow: hidden; }

/* line 84, www/sites/grisard/html/css/_layout.scss */
ul {
  margin: 0;
  padding: 0;
  -webkit-margin-before: 0em;
  -webkit-margin-after: 0em; }

/* line 1, www/sites/grisard/html/css/_header.scss */
header#header {
  width: 100%;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 99999; }
  /* line 10, www/sites/grisard/html/css/_header.scss */
  header#header .wrapper {
    width: 100%;
    max-width: 1680px;
    z-index: 999;
    position: relative; }
    /* line 16, www/sites/grisard/html/css/_header.scss */
    header#header .wrapper .logo {
      z-index: 9999999999;
      width: 96%;
      padding: 2% 2% 0 2%;
      max-width: 1680px;
      position: relative; }
  /* line 27, www/sites/grisard/html/css/_header.scss */
  header#header #header-bar {
    z-index: 999;
    width: 100%;
    margin-top: 2%;
    position: absolute;
    top: 2.5em;
    width: 96%;
    padding: 0 2%;
    transition: top 0.3s; }
    /* line 39, www/sites/grisard/html/css/_header.scss */
    header#header #header-bar.hidden {
      top: -150px; }
    /* line 43, www/sites/grisard/html/css/_header.scss */
    header#header #header-bar nav#navbar {
      color: #bbb; }
      /* line 46, www/sites/grisard/html/css/_header.scss */
      header#header #header-bar nav#navbar ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between; }
        /* line 50, www/sites/grisard/html/css/_header.scss */
        header#header #header-bar nav#navbar ul > * {
          display: inline-block; }
    /* line 56, www/sites/grisard/html/css/_header.scss */
    header#header #header-bar .title {
      color: #bbb;
      margin-left: 12.5%;
      display: flex;
      justify-content: space-between;
      width: 87.5%; }
      /* line 63, www/sites/grisard/html/css/_header.scss */
      header#header #header-bar .title > * {
        display: inline-block; }
      /* line 67, www/sites/grisard/html/css/_header.scss */
      header#header #header-bar .title .location {
        display: none; }
    /* line 73, www/sites/grisard/html/css/_header.scss */
    header#header #header-bar nav {
      display: none; }
    /* line 78, www/sites/grisard/html/css/_header.scss */
    header#header #header-bar.show nav {
      display: block; }
      /* line 80, www/sites/grisard/html/css/_header.scss */
      header#header #header-bar.show nav#navbar {
        color: #bbb;
        margin-left: 11.75%; }
    /* line 86, www/sites/grisard/html/css/_header.scss */
    header#header #header-bar.show .title {
      display: none; }

/* line 94, www/sites/grisard/html/css/_header.scss */
body.show header#header {
  background-color: rgba(255, 255, 255, 0.8);
  height: 100vh; }

/* line 107, www/sites/grisard/html/css/_header.scss */
body.home #header-bar nav#navbar {
  display: block;
  margin-left: 0;
  opacity: 0;
  transition: opacity .5s 2.3s, -webkit-transform .5s 2.3s;
  transition: transform .5s 2.3s, opacity .5s 2.3s;
  transition: transform .5s 2.3s, opacity .5s 2.3s, -webkit-transform .5s 2.3s;
  -webkit-transform: translateY(50px);
          transform: translateY(50px); }

/* line 114, www/sites/grisard/html/css/_header.scss */
body.home .logo {
  font-size: 1.9em;
  transition: font-size .5s 2.3s; }

/* line 119, www/sites/grisard/html/css/_header.scss */
body.home footer {
  display: none; }

/* line 123, www/sites/grisard/html/css/_header.scss */
body.home .burger {
  display: none; }

/* line 128, www/sites/grisard/html/css/_header.scss */
body.home #list {
  transition: opacity .5s 2.5s, -webkit-transform .5s 2.5s;
  transition: transform .5s 2.5s, opacity .5s 2.5s;
  transition: transform .5s 2.5s, opacity .5s 2.5s, -webkit-transform .5s 2.5s;
  -webkit-transform: translateY(50px);
          transform: translateY(50px);
  opacity: 0; }

/* line 135, www/sites/grisard/html/css/_header.scss */
body.home #header #header-bar {
  transition: opacity .5s 2.5s;
  opacity: 1; }

/* line 143, www/sites/grisard/html/css/_header.scss */
body.home #header.animate .logo {
  font-size: 1em; }

/* line 146, www/sites/grisard/html/css/_header.scss */
body.home #header.animate #header-bar nav#navbar {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0); }

/* line 152, www/sites/grisard/html/css/_header.scss */
body.home #header.animate #list {
  opacity: 1;
  top: 0;
  -webkit-transform: translateY(0);
          transform: translateY(0); }

@media screen and (min-width: 800px) {
  /* line 166, www/sites/grisard/html/css/_header.scss */
  body.home .logo {
    font-size: 3em; }
  /* line 174, www/sites/grisard/html/css/_header.scss */
  #header-bar .title .location {
    display: inline-block; } }

@media screen and (min-width: 1720px) {
  /* line 182, www/sites/grisard/html/css/_header.scss */
  header#header .wrapper {
    width: 1680px;
    margin: 0 auto; } }

/* line 1, www/sites/grisard/html/css/_footer.scss */
.footer {
  padding: 6em 0 2em 0; }

/* line 1, www/sites/grisard/html/css/_project.scss */
.cover {
  display: block;
  width: 100%;
  margin: 20vh 0 0 0; }
  /* line 6, www/sites/grisard/html/css/_project.scss */
  .cover img, .cover figcaption {
    display: block;
    width: 100%;
    margin: 0 auto; }
  /* line 11, www/sites/grisard/html/css/_project.scss */
  .cover figcaption {
    margin-top: 1em; }

/* line 17, www/sites/grisard/html/css/_project.scss */
.big {
  margin: 4em 0 0 0;
  width: 100%; }
  /* line 20, www/sites/grisard/html/css/_project.scss */
  .big img {
    width: 104%;
    margin: 0 0 0 -2%;
    left: 0; }
  /* line 25, www/sites/grisard/html/css/_project.scss */
  .big figcaption {
    width: 90%;
    margin: 0 auto;
    margin-top: 1em; }

/* line 31, www/sites/grisard/html/css/_project.scss */
.small {
  width: 100%;
  margin: 4em auto; }
  /* line 35, www/sites/grisard/html/css/_project.scss */
  .small figcaption {
    margin-top: 1em; }

/* line 42, www/sites/grisard/html/css/_project.scss */
.two-images {
  width: 100%;
  margin: 4em auto 0 auto;
  display: flex;
  justify-content: space-between; }
  /* line 47, www/sites/grisard/html/css/_project.scss */
  .two-images figure {
    flex: 0 1 49%; }
    /* line 50, www/sites/grisard/html/css/_project.scss */
    .two-images figure img {
      width: 100%; }
    /* line 53, www/sites/grisard/html/css/_project.scss */
    .two-images figure figcaption {
      margin-top: 1em; }

/* line 60, www/sites/grisard/html/css/_project.scss */
.expl-text {
  margin: 4em 2vw 0;
  -webkit-column-count: 1;
          column-count: 1;
  -webkit-column-gap: 2%;
          column-gap: 2%;
  color: #444; }

/* line 67, www/sites/grisard/html/css/_project.scss */
.work-list {
  margin: 4em auto 0 auto;
  width: 100%; }
  /* line 70, www/sites/grisard/html/css/_project.scss */
  .work-list ul {
    list-style: none; }
    /* line 72, www/sites/grisard/html/css/_project.scss */
    .work-list ul li {
      color: #444;
      padding-bottom: .15em;
      border-bottom: .05em solid; }
      /* line 76, www/sites/grisard/html/css/_project.scss */
      .work-list ul li span:first-child {
        color: #ccc;
        width: 51%;
        display: inline-block; }
      /* line 81, www/sites/grisard/html/css/_project.scss */
      .work-list ul li span {
        width: 49%;
        display: inline-block; }

/* line 92, www/sites/grisard/html/css/_project.scss */
.projects--overview {
  display: none; }
  /* line 94, www/sites/grisard/html/css/_project.scss */
  .projects--overview.show {
    display: block; }

/* line 103, www/sites/grisard/html/css/_project.scss */
.home .projects--overview {
  display: block; }

@media screen and (min-width: 800px) {
  /* line 112, www/sites/grisard/html/css/_project.scss */
  .expl-text {
    -webkit-column-count: 2;
            column-count: 2; }
  /* line 116, www/sites/grisard/html/css/_project.scss */
  .cover {
    margin: 8em 0 0 0; }
  /* line 120, www/sites/grisard/html/css/_project.scss */
  .small, .two-images, .work-list {
    width: 90%; }
  /* line 124, www/sites/grisard/html/css/_project.scss */
  .big, .small, .two-images {
    margin: 6em auto 0 auto; }
  /* line 128, www/sites/grisard/html/css/_project.scss */
  .portrait-right {
    width: 44%;
    margin: 6em 5% 0 51%; }
    /* line 132, www/sites/grisard/html/css/_project.scss */
    .portrait-right figcaption {
      margin-top: 1em; }
  /* line 136, www/sites/grisard/html/css/_project.scss */
  .portrait-left {
    width: 44%;
    margin: 6em 51% 0 5%; }
    /* line 140, www/sites/grisard/html/css/_project.scss */
    .portrait-left figcaption {
      margin-top: 1em; }
  /* line 144, www/sites/grisard/html/css/_project.scss */
  .portrait-center {
    width: 44%;
    margin: 6em auto 0 auto; }
    /* line 148, www/sites/grisard/html/css/_project.scss */
    .portrait-center figcaption {
      margin-top: 1em; } }

/* line 4, www/sites/grisard/html/css/_table.scss */
table td {
  line-height: 1.2em; }

/* line 9, www/sites/grisard/html/css/_table.scss */
table.cv {
  width: 96%;
  margin: 0 2vw; }
  /* line 12, www/sites/grisard/html/css/_table.scss */
  table.cv td {
    width: 25%;
    border-bottom: 1px solid #bbb;
    padding-bottom: .18em; }
    /* line 17, www/sites/grisard/html/css/_table.scss */
    table.cv td:nth-child(2) {
      color: #444;
      width: 75%;
      padding-left: .5em; }

/* line 24, www/sites/grisard/html/css/_table.scss */
table.publikationen {
  width: 96%;
  margin: 0 2%; }
  /* line 27, www/sites/grisard/html/css/_table.scss */
  table.publikationen td {
    color: red;
    width: 100%;
    display: block;
    border-bottom: 1px solid #bbb;
    padding-bottom: .18em; }
    /* line 33, www/sites/grisard/html/css/_table.scss */
    table.publikationen td:first-child {
      border-bottom: 0px; }
    /* line 37, www/sites/grisard/html/css/_table.scss */
    table.publikationen td:nth-child(2) {
      color: #bbb;
      width: 100%; }
    /* line 43, www/sites/grisard/html/css/_table.scss */
    table.publikationen td.right {
      text-align: left; }

/* line 51, www/sites/grisard/html/css/_table.scss */
table.infos {
  width: 96%;
  margin: 0 2vw; }
  /* line 54, www/sites/grisard/html/css/_table.scss */
  table.infos tr {
    border-bottom: 1px solid; }
  /* line 57, www/sites/grisard/html/css/_table.scss */
  table.infos td {
    width: 50%;
    padding-bottom: .18em; }
    /* line 60, www/sites/grisard/html/css/_table.scss */
    table.infos td.content {
      color: #444; }

/* line 67, www/sites/grisard/html/css/_table.scss */
.img-show {
  display: block; }

@media (min-width: 800px) {
  /* line 76, www/sites/grisard/html/css/_table.scss */
  table.cv, table.infos, table.publikationen {
    width: 96%;
    margin: 0 auto; }
  /* line 82, www/sites/grisard/html/css/_table.scss */
  table.cv td {
    width: 50%; }
    /* line 85, www/sites/grisard/html/css/_table.scss */
    table.cv td:nth-child(2) {
      width: 50%; }
  /* line 93, www/sites/grisard/html/css/_table.scss */
  table.publikationen td {
    color: #444;
    width: calc(50% - .5em);
    display: inline-block; }
    /* line 97, www/sites/grisard/html/css/_table.scss */
    table.publikationen td:first-child {
      border-bottom: 1px solid #bbb; }
    /* line 100, www/sites/grisard/html/css/_table.scss */
    table.publikationen td:nth-child(2) {
      color: #bbb;
      width: 50%;
      padding-left: .5em; }
    /* line 105, www/sites/grisard/html/css/_table.scss */
    table.publikationen td.right {
      text-align: right; } }

/* line 1, www/sites/grisard/html/css/_links.scss */
h1 a {
  color: #444;
  border-bottom: none;
  padding-bottom: 0; }

/* line 7, www/sites/grisard/html/css/_links.scss */
nav a {
  color: #bbb;
  border-bottom: none;
  padding-bottom: 0; }

/* line 13, www/sites/grisard/html/css/_links.scss */
nav a:hover {
  color: #444; }

/* line 19, www/sites/grisard/html/css/_links.scss */
ul {
  color: #444; }

/* line 23, www/sites/grisard/html/css/_links.scss */
header#header section.projects ul#project-list a:hover li {
  color: #444; }

/* line 27, www/sites/grisard/html/css/_links.scss */
ul:hover {
  color: #bbb; }

/* line 31, www/sites/grisard/html/css/_links.scss */
a {
  color: inherit;
  text-decoration: none;
  border-bottom: 1px solid;
  padding-bottom: .18em; }

/* line 38, www/sites/grisard/html/css/_links.scss */
a:hover {
  transition: color .4s ease-in-out; }

/* line 43, www/sites/grisard/html/css/_links.scss */
.grow {
  width: auto;
  display: inline-block;
  transition: all .2s ease-in-out; }

/* line 49, www/sites/grisard/html/css/_links.scss */
.grow:hover {
  -webkit-transform: scale(1.2);
          transform: scale(1.2); }

/* line 53, www/sites/grisard/html/css/_links.scss */
table#project-list tr.not-linked {
  cursor: default; }
  /* line 55, www/sites/grisard/html/css/_links.scss */
  table#project-list tr.not-linked:hover {
    color: #444; }

/* line 1, www/sites/grisard/html/css/_animations.scss */
body {
  -webkit-animation: fadein 2s;
  /* Safari, Chrome and Opera > 12.1 */
  /* Firefox < 16 */
  /* Internet Explorer */
  /* Opera < 12.1 */
  animation: fadein 2s; }

@keyframes fadein {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

/* Firefox < 16 */

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

/* Internet Explorer */

/* Opera < 12.1 */

/* line 1, www/sites/grisard/html/css/_background.scss */
#list {
  background-size: 60%;
  background-repeat: no-repeat;
  background-position: center center; }

/* line 7, www/sites/grisard/html/css/_background.scss */
.no-bg {
  background-image: none !important; }

/* line 1, www/sites/grisard/html/css/_cover-animation.scss */
#cover-home {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center; }
  /* line 10, www/sites/grisard/html/css/_cover-animation.scss */
  #cover-home img {
    width: 50vw;
    position: absolute; }
    /* line 15, www/sites/grisard/html/css/_cover-animation.scss */
    #cover-home img:nth-child(1) {
      -webkit-transform: translate(-10vw, -5vw);
              transform: translate(-10vw, -5vw); }
    /* line 18, www/sites/grisard/html/css/_cover-animation.scss */
    #cover-home img:nth-child(2) {
      -webkit-transform: translate(0, 5vw);
              transform: translate(0, 5vw); }
    /* line 22, www/sites/grisard/html/css/_cover-animation.scss */
    #cover-home img:nth-child(3) {
      -webkit-transform: translate(10vw, 0);
              transform: translate(10vw, 0); }
    /* line 27, www/sites/grisard/html/css/_cover-animation.scss */
    #cover-home img.animate:nth-child(1) {
      -webkit-animation: fadeout .75s ease-in-out 1.5s forwards;
              animation: fadeout .75s ease-in-out 1.5s forwards; }
    /* line 30, www/sites/grisard/html/css/_cover-animation.scss */
    #cover-home img.animate:nth-child(2) {
      -webkit-animation: fadeout .75s ease-in-out 1s forwards;
              animation: fadeout .75s ease-in-out 1s forwards; }
    /* line 34, www/sites/grisard/html/css/_cover-animation.scss */
    #cover-home img.animate:nth-child(3) {
      -webkit-animation: fadeout .75s ease-in-out .5s forwards;
              animation: fadeout .75s ease-in-out .5s forwards; }

@-webkit-keyframes fadeout {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

@keyframes fadeout {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

/* line 2, www/sites/grisard/html/css/_project-list.scss */
header#header section.projects {
  position: absolute;
  top: 0;
  margin: 0;
  width: 96%;
  padding: 0 2%;
  height: 100vh;
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
  z-index: 9; }
  /* line 13, www/sites/grisard/html/css/_project-list.scss */
  header#header section.projects ul#project-list {
    margin-top: 7em; }
    /* line 16, www/sites/grisard/html/css/_project-list.scss */
    header#header section.projects ul#project-list a:hover li {
      border-bottom: 1px solid #444; }
    /* line 22, www/sites/grisard/html/css/_project-list.scss */
    header#header section.projects ul#project-list li {
      padding-bottom: .15em;
      border-bottom: 1px solid #bbb;
      mix-blend-mode: multiply;
      display: table;
      width: 100%; }
      /* line 31, www/sites/grisard/html/css/_project-list.scss */
      header#header section.projects ul#project-list li.not-linked span.linked i {
        background: none; }
      /* line 36, www/sites/grisard/html/css/_project-list.scss */
      header#header section.projects ul#project-list li span {
        line-height: 1.4em;
        display: inline-block; }
        /* line 40, www/sites/grisard/html/css/_project-list.scss */
        header#header section.projects ul#project-list li span.nr {
          width: 6.25%; }
        /* line 44, www/sites/grisard/html/css/_project-list.scss */
        header#header section.projects ul#project-list li span.linked {
          width: calc(10% - .7em);
          vertical-align: top;
          padding-top: .25em; }
          /* line 48, www/sites/grisard/html/css/_project-list.scss */
          header#header section.projects ul#project-list li span.linked i {
            width: 9px;
            height: 9px;
            border: 1px solid #444;
            display: inline-block;
            border-radius: 100%;
            background: #444; }
        /* line 58, www/sites/grisard/html/css/_project-list.scss */
        header#header section.projects ul#project-list li span.title {
          width: 65%;
          padding-right: .5em;
          vertical-align: top; }
        /* line 64, www/sites/grisard/html/css/_project-list.scss */
        header#header section.projects ul#project-list li span.location {
          width: 25%;
          display: none; }
        /* line 69, www/sites/grisard/html/css/_project-list.scss */
        header#header section.projects ul#project-list li span.year {
          width: 25%;
          text-align: right;
          vertical-align: top;
          padding-top: .3em; }
        /* line 76, www/sites/grisard/html/css/_project-list.scss */
        header#header section.projects ul#project-list li span.img-show {
          display: block;
          width: 100%;
          margin: 2% 0; }
        /* line 82, www/sites/grisard/html/css/_project-list.scss */
        header#header section.projects ul#project-list li span.nr, header#header section.projects ul#project-list li span.location {
          display: none; }
    @media (min-width: 800px) {
      /* line 89, www/sites/grisard/html/css/_project-list.scss */
      header#header section.projects ul#project-list li {
        display: table; }
        /* line 94, www/sites/grisard/html/css/_project-list.scss */
        header#header section.projects ul#project-list li span.linked {
          width: calc(6.25% - 0.6em);
          vertical-align: unset; }
          /* line 98, www/sites/grisard/html/css/_project-list.scss */
          header#header section.projects ul#project-list li span.linked i {
            width: 10px;
            height: 10px; }
        /* line 104, www/sites/grisard/html/css/_project-list.scss */
        header#header section.projects ul#project-list li span.title {
          width: 50%; }
        /* line 107, www/sites/grisard/html/css/_project-list.scss */
        header#header section.projects ul#project-list li span.location {
          width: 25%; }
        /* line 110, www/sites/grisard/html/css/_project-list.scss */
        header#header section.projects ul#project-list li span.year {
          width: 12.5%; }
        /* line 113, www/sites/grisard/html/css/_project-list.scss */
        header#header section.projects ul#project-list li span.nr, header#header section.projects ul#project-list li span.location, header#header section.projects ul#project-list li span.title, header#header section.projects ul#project-list li span.year, header#header section.projects ul#project-list li span.linked {
          display: inline-block; } }

/* line 1, www/sites/grisard/html/css/_burger.scss */
.burger {
  position: absolute;
  mix-blend-mode: difference; }

/* line 9, www/sites/grisard/html/css/_burger.scss */
.burger--container {
  display: inline-block;
  cursor: pointer;
  margin-top: .2em; }

/* line 15, www/sites/grisard/html/css/_burger.scss */
.bar1,
.bar2,
.bar3 {
  width: .9em;
  height: 1px;
  background-color: #444;
  margin: .225em 0;
  transition: 0.4s; }

/* line 25, www/sites/grisard/html/css/_burger.scss */
.change .bar1 {
  -webkit-transform: rotate(45deg) translate(0.225em, 0.225em);
  transform: rotate(45deg) translate(0.225em, 0.225em); }

/* line 30, www/sites/grisard/html/css/_burger.scss */
.change .bar2 {
  opacity: 0; }

/* line 34, www/sites/grisard/html/css/_burger.scss */
.change .bar3 {
  -webkit-transform: rotate(-45deg) translate(0.225em, -0.225em);
  transform: rotate(-45deg) translate(0.225em, -0.225em); }

@media screen and (min-width: 800px) {
  /* line 41, www/sites/grisard/html/css/_burger.scss */
  .bar1,
  .bar2,
  .bar3 {
    width: .9em;
    height: .08em;
    background-color: #444;
    margin: .225em 0;
    transition: 0.4s; }
  /* line 51, www/sites/grisard/html/css/_burger.scss */
  .change .bar1 {
    -webkit-transform: rotate(45deg) translate(0.225em, 0.225em);
    transform: rotate(45deg) translate(0.225em, 0.225em); }
  /* line 56, www/sites/grisard/html/css/_burger.scss */
  .change .bar2 {
    opacity: 0; }
  /* line 60, www/sites/grisard/html/css/_burger.scss */
  .change .bar3 {
    -webkit-transform: rotate(-45deg) translate(0.225em, -0.225em);
    transform: rotate(-45deg) translate(0.225em, -0.225em); } }

/* line 27, www/sites/grisard/html/css/styles.scss */
img {
  width: 100%; }