@import url(https://web.archive.org/web/20210926064058cs_/http://fonts.googleapis.com/css?family=Roboto+Condensed);
@font-face {
  font-family: 'GLight';
  src: url("/web/20210926064058im_/http://www.bertrandbitz.ch/site/css/GeomaLight.woff") format("woff");
}
@font-face {
  font-family: 'GThin';
  src: url("/web/20210926064058im_/http://www.bertrandbitz.ch/site/css/GeomaThin.woff") format("woff");
}
* {
  margin: 0;
  padding: 0;
}

*, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

h2 {
  font-family: 'Roboto Condensed',Arial,sans-serif;
  font-weight: normal;
  text-transform: uppercase;
}

p, body {
  font-family: Helvetica,Arial,sans-serif;
  font-weight: normal;
}

.container {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  *zoom: 1;
}
.container:after {
  content: " ";
  display: block;
  clear: both;
}

a img {
  border: none;
}

img {
  -ms-interpolation-mode: bicubic;
}

.fit {
  max-width: 100%;
  display: block;
}

.fill {
  width: 100%;
  display: block;
}

/**
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.cf:before,
.cf:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}

.cf:after {
  clear: both;
}

.marginT {
  margin-top: 1em;
}

h1 {
  font-family: 'GLight',Arial,sans-serif;
  font-weight: normal;
  font-size: 4em;
  line-height: 1;
  padding-bottom: .25em;
}

h1.smaller {
  font-family: 'GLight',Arial,sans-serif;
  font-size: 3em;
}

h2 {
  font-size: 1.728em;
  line-height: 1.2;
  margin-bottom: .3em;
}

p {
  margin-bottom: .8em;
  font-weight: normal;
}

h3 {
  font-family: 'GLight',Arial,sans-serif;
  font-weight: normal;
  font-size: 1.5em;
}

:link, :visited {
  color: black;
}

a:hover {
  color: #242424;
}

.blackbox {
  background: #666;
  color: #fff !important;
  text-align: center;
  padding-top: 1em;
  padding-bottom: 1em;
}

ul {
  list-style: disc outside;
  margin-left: 1em;
}

.center {
  text-align: center;
}

img {
  max-width: 100%;
}

img.small {
  max-width: 60%;
  display: block;
  margin: 0 auto 0 auto;
}

.marginT {
  margin-top: 2em;
}

html {
  line-height: 1.5;
  font-size: 14px;
}

body {
  background: #fff;
  color: black;
}

body.pro {
  background: white url(/web/20210926064058im_/http://www.bertrandbitz.ch/site/css/bgpagebright.jpg) no-repeat center top fixed;
}

#menu {
  font-family: 'GLight',Arial,sans-serif;
  font-size: 1.5em;
}
#menu a {
  text-decoration: none;
  display: inline-block;
  margin-left: 2em;
}

#sticker {
  width: 195px;
  height: 169px;
  position: absolute;
  top: 0;
  right: 0;
  background: url(/web/20210926064058im_/http://www.bertrandbitz.ch/site/css/sticker4.png) no-repeat left top;
}
#sticker a {
  display: block;
  width: 100%;
  height: 100%;
}

#title {
  margin-top: 2em;
  margin-bottom: 2em;
  text-align: center;
}
#title img {
  max-width: 100%;
}

#video {
  margin-bottom: 2em;
}

#photos {
  background: #000;
  color: #fff !important;
  text-align: center;
  padding-top: 2em;
}
#photos h1, #photos h2, #photos p {
  padding-bottom: 1em;
}

#news {
  background: #cfd1d0;
  padding-top: 1.5em;
  padding-bottom: 1.5em;
}

#music {
  padding-top: 2em;
  background: #eee;
  padding-bottom: 2em;
}

#bio {
  background: #000;
  color: #fff;
}

#media, #contact {
  text-align: center;
  background: #cfd1d0;
  padding-top: 2em;
  padding-bottom: 2em;
}

.whitebox {
  background: #fff;
  margin-top: 2em;
  padding-top: 2em;
  padding-bottom: 1em;
}

#footer {
  background: #444;
  color: #ccc;
  text-align: center;
  padding-top: 1em;
  padding-bottom: 1em;
}
#footer a {
  text-decoration: none;
  color: #fff;
}

.button {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 1em;
  text-align: center;
  font-size: 1.1em;
  color: white;
  text-shadow: 0 -0.08em 0 black;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  outline: none;
  cursor: pointer;
  padding: 0.4em 0.5em 0.5em;
  -moz-border-radius: 0.3em;
  -webkit-border-radius: 0.3em;
  border-radius: 0.3em;
  border: 1px solid;
  border-color: black black black;
  background-color: #242424;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzI0MjQyNCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzE3MTcxNyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #242424), color-stop(100%, #171717));
  background-image: -moz-linear-gradient(#242424, #171717);
  background-image: -webkit-linear-gradient(#242424, #171717);
  background-image: linear-gradient(#242424, #171717);
  -moz-box-shadow: 0 0.1em 0.5em rgba(0, 0, 0, 0.1), 0 0.1em 0.2em rgba(0, 0, 0, 0.3), 0 -0.1em 0.07em rgba(0, 0, 0, 0.3) inset, 0 0.1em 0.07em rgba(255, 255, 255, 0.2) inset;
  -webkit-box-shadow: 0 0.1em 0.5em rgba(0, 0, 0, 0.1), 0 0.1em 0.2em rgba(0, 0, 0, 0.3), 0 -0.1em 0.07em rgba(0, 0, 0, 0.3) inset, 0 0.1em 0.07em rgba(255, 255, 255, 0.2) inset;
  box-shadow: 0 0.1em 0.5em rgba(0, 0, 0, 0.1), 0 0.1em 0.2em rgba(0, 0, 0, 0.3), 0 -0.1em 0.07em rgba(0, 0, 0, 0.3) inset, 0 0.1em 0.07em rgba(255, 255, 255, 0.2) inset;
  -moz-transition: all 100ms;
  -o-transition: all 100ms;
  -webkit-transition: all 100ms;
  transition: all 100ms;
  text-decoration: none;
}
.button:hover {
  -moz-box-shadow: 0 0.1em 0.5em rgba(0, 0, 0, 0.4), 0 0.1em 0.2em rgba(0, 0, 0, 0.4), 0 -0.1em 0.07em rgba(0, 0, 0, 0.3) inset, 0 0.1em 0.07em rgba(255, 255, 255, 0.2) inset;
  -webkit-box-shadow: 0 0.1em 0.5em rgba(0, 0, 0, 0.4), 0 0.1em 0.2em rgba(0, 0, 0, 0.4), 0 -0.1em 0.07em rgba(0, 0, 0, 0.3) inset, 0 0.1em 0.07em rgba(255, 255, 255, 0.2) inset;
  box-shadow: 0 0.1em 0.5em rgba(0, 0, 0, 0.4), 0 0.1em 0.2em rgba(0, 0, 0, 0.4), 0 -0.1em 0.07em rgba(0, 0, 0, 0.3) inset, 0 0.1em 0.07em rgba(255, 255, 255, 0.2) inset;
  color: white;
  text-shadow: 0 -0.08em 0 black;
}
.button:active {
  padding: 0.4em 0.5em 0.4em;
  margin-top: 0.1em;
  border-color: black black #242424;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzE3MTcxNyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzI0MjQyNCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #171717), color-stop(100%, #242424));
  background-image: -moz-linear-gradient(#171717, #242424);
  background-image: -webkit-linear-gradient(#171717, #242424);
  background-image: linear-gradient(#171717, #242424);
  -moz-box-shadow: 0 0.1em 0.2em rgba(0, 0, 0, 0.1) inset, 0 0.1em 0.1em rgba(0, 0, 0, 0.2) inset, 0.05em 0 0.07em rgba(0, 0, 0, 0.2) inset, -0.05em 0 0.07em rgba(0, 0, 0, 0.2) inset;
  -webkit-box-shadow: 0 0.1em 0.2em rgba(0, 0, 0, 0.1) inset, 0 0.1em 0.1em rgba(0, 0, 0, 0.2) inset, 0.05em 0 0.07em rgba(0, 0, 0, 0.2) inset, -0.05em 0 0.07em rgba(0, 0, 0, 0.2) inset;
  box-shadow: 0 0.1em 0.2em rgba(0, 0, 0, 0.1) inset, 0 0.1em 0.1em rgba(0, 0, 0, 0.2) inset, 0.05em 0 0.07em rgba(0, 0, 0, 0.2) inset, -0.05em 0 0.07em rgba(0, 0, 0, 0.2) inset;
  -moz-transition: all 10ms;
  -o-transition: all 10ms;
  -webkit-transition: all 10ms;
  transition: all 10ms;
}

/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
  filter: alpha(opacity=80);
}

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
  display: none;
}

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}

.mfp-ajax-cur {
  cursor: progress;
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
  cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.mfp-loading.mfp-figure {
  display: none;
}

.mfp-hide {
  display: none !important;
}

.mfp-preloader {
  color: #cccccc;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}
.mfp-preloader a {
  color: #cccccc;
}
.mfp-preloader a:hover {
  color: white;
}

.mfp-s-ready .mfp-preloader {
  display: none;
}

.mfp-s-error .mfp-content {
  display: none;
}

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  -webkit-box-shadow: none;
  box-shadow: none;
}
button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  filter: alpha(opacity=65);
  padding: 0 0 18px 10px;
  color: white;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
}
.mfp-close:hover, .mfp-close:focus {
  opacity: 1;
  filter: alpha(opacity=100);
}
.mfp-close:active {
  top: 1px;
}

.mfp-close-btn-in .mfp-close {
  color: #333333;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: white;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #cccccc;
  font-size: 12px;
  line-height: 18px;
}

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  filter: alpha(opacity=65);
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent;
}
.mfp-arrow:active {
  margin-top: -54px;
}
.mfp-arrow:hover, .mfp-arrow:focus {
  opacity: 1;
  filter: alpha(opacity=100);
}
.mfp-arrow:before, .mfp-arrow:after,
.mfp-arrow .mfp-b,
.mfp-arrow .mfp-a {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}
.mfp-arrow:after,
.mfp-arrow .mfp-a {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}
.mfp-arrow:before,
.mfp-arrow .mfp-b {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7;
}

.mfp-arrow-left {
  left: 0;
}
.mfp-arrow-left:after,
.mfp-arrow-left .mfp-a {
  border-right: 17px solid white;
  margin-left: 31px;
}
.mfp-arrow-left:before,
.mfp-arrow-left .mfp-b {
  margin-left: 25px;
  border-right: 27px solid #3f3f3f;
}

.mfp-arrow-right {
  right: 0;
}
.mfp-arrow-right:after,
.mfp-arrow-right .mfp-a {
  border-left: 17px solid white;
  margin-left: 39px;
}
.mfp-arrow-right:before,
.mfp-arrow-right .mfp-b {
  border-left: 27px solid #3f3f3f;
}

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 95%;
}
.mfp-iframe-holder .mfp-close {
  top: -40px;
}

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: black;
}

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}

/* The shadow behind the image */
.mfp-figure {
  line-height: 0;
}
.mfp-figure:after {
  content: '';
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444444;
}
.mfp-figure small {
  color: #bdbdbd;
  display: block;
  font-size: 12px;
  line-height: 14px;
}
.mfp-figure figure {
  margin: 0;
}

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #f3f3f3;
  word-wrap: break-word;
  padding-right: 36px;
}

.mfp-image-holder .mfp-content {
  max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
   * Remove all paddings around the image on small screen
   */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }
  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}
@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }

  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0;
  }

  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%;
  }

  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}
.mfp-ie7 .mfp-img {
  padding: 0;
}
.mfp-ie7 .mfp-bottom-bar {
  width: 600px;
  left: 50%;
  margin-left: -300px;
  margin-top: 5px;
  padding-bottom: 5px;
}
.mfp-ie7 .mfp-container {
  padding: 0;
}
.mfp-ie7 .mfp-content {
  padding-top: 44px;
}
.mfp-ie7 .mfp-close {
  top: 0;
  right: 0;
  padding-top: 0;
}

@media all and (max-width: 959px) {
  html {
    font-size: 14px;
  }

  .c1 {
    width: 100%;
    padding-bottom: 2em;
    padding-left: 5%;
    padding-right: 5%;
  }

  .c2 {
    width: 100%;
    padding-bottom: 2em;
    padding-left: 5%;
    padding-right: 5%;
  }

  .c3 {
    width: 100%;
    padding-bottom: 2em;
    padding-left: 5%;
    padding-right: 5%;
  }

  .c4 {
    width: 100%;
    padding-bottom: 2em;
    padding-left: 5%;
    padding-right: 5%;
  }

  .c5 {
    width: 100%;
    padding-bottom: 2em;
    padding-left: 5%;
    padding-right: 5%;
  }

  .c6 {
    width: 100%;
    padding-bottom: 2em;
    padding-left: 5%;
    padding-right: 5%;
  }

  .c7 {
    width: 100%;
    padding-bottom: 2em;
    padding-left: 5%;
    padding-right: 5%;
  }

  .c8 {
    width: 100%;
    padding-bottom: 2em;
    padding-left: 5%;
    padding-right: 5%;
  }

  .c9 {
    width: 100%;
    padding-bottom: 2em;
    padding-left: 5%;
    padding-right: 5%;
  }

  .c10 {
    width: 100%;
    padding-bottom: 2em;
    padding-left: 5%;
    padding-right: 5%;
  }

  .c11 {
    width: 100%;
    padding-bottom: 2em;
    padding-left: 5%;
    padding-right: 5%;
  }

  .c12 {
    width: 100%;
    padding-bottom: 2em;
    padding-left: 5%;
    padding-right: 5%;
  }

  .container {
    width: 90%;
    margin-left: 5%;
    margin-right: 5%;
  }

  .text {
    margin-top: 2em;
    margin-bottom: 2em;
  }

  #hero {
    display: none;
  }

  .mobile-only {
    display: block;
  }

    /*.ratio-16-9 { //must manually disable the ratio
  width: auto;padding: 0;
  height: auto !important;
  display:block;
  position: relative;
}*/
  .cs1 {
    width: 8.33333%;
    float: left;
    padding-left: 2.08333%;
    padding-right: 2.08333%;
  }

  .pres1 {
    margin-left: 8.33333%;
  }

  .pulls1 {
    margin-left: -8.33333%;
  }

  .cs2 {
    width: 16.66667%;
    float: left;
    padding-left: 2.08333%;
    padding-right: 2.08333%;
  }

  .pres2 {
    margin-left: 16.66667%;
  }

  .pulls2 {
    margin-left: -16.66667%;
  }

  .cs3 {
    width: 25%;
    float: left;
    padding-left: 2.08333%;
    padding-right: 2.08333%;
  }

  .pres3 {
    margin-left: 25%;
  }

  .pulls3 {
    margin-left: -25%;
  }

  .cs4 {
    width: 33.33333%;
    float: left;
    padding-left: 2.08333%;
    padding-right: 2.08333%;
  }

  .pres4 {
    margin-left: 33.33333%;
  }

  .pulls4 {
    margin-left: -33.33333%;
  }

  .cs5 {
    width: 41.66667%;
    float: left;
    padding-left: 2.08333%;
    padding-right: 2.08333%;
  }

  .pres5 {
    margin-left: 41.66667%;
  }

  .pulls5 {
    margin-left: -41.66667%;
  }

  .cs6 {
    width: 50%;
    float: left;
    padding-left: 2.08333%;
    padding-right: 2.08333%;
  }

  .pres6 {
    margin-left: 50%;
  }

  .pulls6 {
    margin-left: -50%;
  }

  .cs7 {
    width: 58.33333%;
    float: left;
    padding-left: 2.08333%;
    padding-right: 2.08333%;
  }

  .pres7 {
    margin-left: 58.33333%;
  }

  .pulls7 {
    margin-left: -58.33333%;
  }

  .cs8 {
    width: 66.66667%;
    float: left;
    padding-left: 2.08333%;
    padding-right: 2.08333%;
  }

  .pres8 {
    margin-left: 66.66667%;
  }

  .pulls8 {
    margin-left: -66.66667%;
  }

  .cs9 {
    width: 75%;
    float: left;
    padding-left: 2.08333%;
    padding-right: 2.08333%;
  }

  .pres9 {
    margin-left: 75%;
  }

  .pulls9 {
    margin-left: -75%;
  }

  .cs10 {
    width: 83.33333%;
    float: left;
    padding-left: 2.08333%;
    padding-right: 2.08333%;
  }

  .pres10 {
    margin-left: 83.33333%;
  }

  .pulls10 {
    margin-left: -83.33333%;
  }

  .cs11 {
    width: 91.66667%;
    float: left;
    padding-left: 2.08333%;
    padding-right: 2.08333%;
  }

  .pres11 {
    margin-left: 91.66667%;
  }

  .pulls11 {
    margin-left: -91.66667%;
  }

  .cs12 {
    width: 100%;
    float: left;
    padding-left: 2.08333%;
    padding-right: 2.08333%;
  }

  .pres12 {
    margin-left: 100%;
  }

  .pulls12 {
    margin-left: -100%;
  }

  .d2, .d3, .d4 {
    width: 100%;
    display: block;
  }

  .d6 {
    float: left;
    width: 50%;
  }
}
@media all and (min-width: 960px) {
  .container {
    width: 100%;
    max-width: 980px;
  }

  html {
    font-size: 14px;
  }

  body {
    height: 100%;
  }

  html, body {
    min-height: 100%;
    height: 100%;
  }

  .fullh1 {
    display: table;
    width: 100%;
    height: 100%;
  }

  .fullh2 {
    display: table-row;
  }

  .fullh3 {
    display: table-cell;
  }

  #hero {
    display: table-cell;
    vertical-align: middle;
    background: #cfd1d0 url(/web/20210926064058im_/http://www.bertrandbitz.ch/site/css/bg-header.jpg) no-repeat center center;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
  }
  #hero .text {
    margin-left: 12%;
    width: 35%;
    margin-top: 0%;
  }

  #menu {
    width: 100%;
    position: absolute;
    top: 10px;
    left: 10px;
  }

  #news {
    background: #cfd1d0 url(/web/20210926064058im_/http://www.bertrandbitz.ch/site/css/bg-news.jpg) no-repeat left center;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    min-height: 40em;
    padding-top: 10em;
  }

  #music .text {
    margin-top: 8em;
  }

  #bio {
    background: black url(/web/20210926064058im_/http://www.bertrandbitz.ch/site/css/bg-bio.jpg) no-repeat left center;
    -moz-background-size: contain;
    -o-background-size: contain;
    -webkit-background-size: contain;
    background-size: contain;
  }
  #bio .text {
    margin-top: 2em;
    margin-bottom: 2em;
  }

  .ratio-16-9 {
    display: block;
    position: relative;
    height: 0;
  }

  .ratio-16-9 > * {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    margin: 0;
    padding: 0;
  }

  .ratio-16-9 {
    padding-bottom: 56.25%;
    width: 100%;
  }

  #title, #video {
    width: 100%;
    float: left;
    padding-left: 2.08333%;
    padding-right: 2.08333%;
  }

  .d6 {
    float: left;
    width: 16%;
  }

  .d2 {
    width: 50%;
    float: left;
  }

  .d3 {
    width: 33.3333%;
    float: left;
  }

  .d4 {
    width: 25%;
    float: left;
  }

  .c1 {
    width: 8.33333%;
    float: left;
    padding-left: 2.08333%;
    padding-right: 2.08333%;
  }

  .pre1 {
    margin-left: 8.33333%;
  }

  .pull1 {
    margin-left: -8.33333%;
  }

  .c2 {
    width: 16.66667%;
    float: left;
    padding-left: 2.08333%;
    padding-right: 2.08333%;
  }

  .pre2 {
    margin-left: 16.66667%;
  }

  .pull2 {
    margin-left: -16.66667%;
  }

  .c3 {
    width: 25%;
    float: left;
    padding-left: 2.08333%;
    padding-right: 2.08333%;
  }

  .pre3 {
    margin-left: 25%;
  }

  .pull3 {
    margin-left: -25%;
  }

  .c4 {
    width: 33.33333%;
    float: left;
    padding-left: 2.08333%;
    padding-right: 2.08333%;
  }

  .pre4 {
    margin-left: 33.33333%;
  }

  .pull4 {
    margin-left: -33.33333%;
  }

  .c5 {
    width: 41.66667%;
    float: left;
    padding-left: 2.08333%;
    padding-right: 2.08333%;
  }

  .pre5 {
    margin-left: 41.66667%;
  }

  .pull5 {
    margin-left: -41.66667%;
  }

  .c6 {
    width: 50%;
    float: left;
    padding-left: 2.08333%;
    padding-right: 2.08333%;
  }

  .pre6 {
    margin-left: 50%;
  }

  .pull6 {
    margin-left: -50%;
  }

  .c7 {
    width: 58.33333%;
    float: left;
    padding-left: 2.08333%;
    padding-right: 2.08333%;
  }

  .pre7 {
    margin-left: 58.33333%;
  }

  .pull7 {
    margin-left: -58.33333%;
  }

  .c8 {
    width: 66.66667%;
    float: left;
    padding-left: 2.08333%;
    padding-right: 2.08333%;
  }

  .pre8 {
    margin-left: 66.66667%;
  }

  .pull8 {
    margin-left: -66.66667%;
  }

  .c9 {
    width: 75%;
    float: left;
    padding-left: 2.08333%;
    padding-right: 2.08333%;
  }

  .pre9 {
    margin-left: 75%;
  }

  .pull9 {
    margin-left: -75%;
  }

  .c10 {
    width: 83.33333%;
    float: left;
    padding-left: 2.08333%;
    padding-right: 2.08333%;
  }

  .pre10 {
    margin-left: 83.33333%;
  }

  .pull10 {
    margin-left: -83.33333%;
  }

  .c11 {
    width: 91.66667%;
    float: left;
    padding-left: 2.08333%;
    padding-right: 2.08333%;
  }

  .pre11 {
    margin-left: 91.66667%;
  }

  .pull11 {
    margin-left: -91.66667%;
  }

  .c12 {
    width: 100%;
    float: left;
    padding-left: 2.08333%;
    padding-right: 2.08333%;
  }

  .pre12 {
    margin-left: 100%;
  }

  .pull12 {
    margin-left: -100%;
  }

  .mobile-only {
    display: none;
  }
}

/*
     FILE ARCHIVED ON 06:40:58 Sep 26, 2021 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 15:49:52 Dec 09, 2022.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 315.481
  exclusion.robots: 0.066
  exclusion.robots.policy: 0.059
  cdx.remote: 0.058
  esindex: 0.009
  LoadShardBlock: 120.513 (3)
  PetaboxLoader3.datanode: 132.854 (4)
  CDXLines.iter: 16.35 (3)
  load_resource: 286.238
  PetaboxLoader3.resolve: 248.107
*/