@font-face {font-family: "Suisse Intl"; src: url("//db.onlinewebfonts.com/t/88f10bf18a36407ef36bf30bc25a3618.eot"); src: url("//db.onlinewebfonts.com/t/88f10bf18a36407ef36bf30bc25a3618.eot?#iefix") format("embedded-opentype"), url("//db.onlinewebfonts.com/t/88f10bf18a36407ef36bf30bc25a3618.woff2") format("woff2"), url("//db.onlinewebfonts.com/t/88f10bf18a36407ef36bf30bc25a3618.woff") format("woff"), url("//db.onlinewebfonts.com/t/88f10bf18a36407ef36bf30bc25a3618.ttf") format("truetype"), url("//db.onlinewebfonts.com/t/88f10bf18a36407ef36bf30bc25a3618.svg#Suisse Intl") format("svg"); }
@font-face {font-family: "Suisse Intl"; font-weight:400 ;src: url("//db.onlinewebfonts.com/t/d1a580023d40c546276decde1c711e60.eot"); src: url("//db.onlinewebfonts.com/t/d1a580023d40c546276decde1c711e60.eot?#iefix") format("embedded-opentype"), url("//db.onlinewebfonts.com/t/d1a580023d40c546276decde1c711e60.woff2") format("woff2"), url("//db.onlinewebfonts.com/t/d1a580023d40c546276decde1c711e60.woff") format("woff"), url("//db.onlinewebfonts.com/t/d1a580023d40c546276decde1c711e60.ttf") format("truetype"), url("//db.onlinewebfonts.com/t/d1a580023d40c546276decde1c711e60.svg#Suisse Intl") format("svg"); }

html {
  font-size: 16px;
  font-family: "Suisse Intl" sans-serif;
  font-weight: 300;
  line-height: 1.25;
  color: #fff;
}


.site__header,
.site__nav-list {
  display: flex;
}

.site__header {
  position: fixed;
  top: 0;
  right: 1.25rem;
  writing-mode: vertical-rl;
  height: 100%;
  padding: 1.25rem 0;
  z-index: 20; /* to overlap the grid component */
  font-weight: bold
}

.site__header > * {
  flex: 1 1 auto;
}

.site__nav-list {
  justify-content: space-between;
  list-style-type: none;
  font-weight: 300
}

.site__nav {
  padding-bottom: 0;
}

.site__nav-link {
  display: block;
  text-decoration: none;
  color: #FFF;
  padding-bottom: .625rem;
}

.site__nav-list li:last-child .site__nav-link {
  padding-bottom: 0;
}


/*MEDIA QUERIE*/
@media (max-width: 767px) {
.site__header {
    position: fixed;
    top: 0;
    left: 0.25rem;
    writing-mode: vertical-rl;
    height: 100%;
    padding: 1.25rem 0;
    z-index: 20;
    font-weight: bold;
    transform: rotate(
180deg
);
}
}