html {
  font-size: 10px;
}
@media screen and (max-width: 500px) {
  html {
    font-size: 8px;
  }
}

body {
  font-size: 1.6rem;
  font-family: Assistant, sans-serif;
  line-height: 1.4;
  scroll-snap-type: y proximity;
}

* {
  box-sizing: border-box;
}

::selection {
  background: #d2930f;
  color: #fff;
}

img {
  max-width: 100%;
  height: auto;
  display: inline-block;
}

.lc-no-text-select {
  user-select: none;
}

body.outline-content-rows-and-columns .lc-content-row {
  outline: 1px red dashed;
}
body.outline-content-rows-and-columns .lc-content-row.custom-columns .lc-col > .inner {
  outline: 1px blue dashed;
}
body.outline-content-rows-and-columns .lc-centre-me {
  box-shadow: 0 0 10px #59ff00;
}

/* --- lc-centre-me --- */
.lc-centre-me {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

@media only screen and (max-width: 1200px) {
  .lc-centre-me {
    padding-left: 20px;
    padding-right: 20px;
  }
}
/* --- passe-partout --- */
.lc-passe-partout.left-and-right {
  padding-left: 100px;
  padding-right: 100px;
}
@media only screen and (max-width: 1400px) {
  .lc-passe-partout.left-and-right {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media only screen and (max-width: 750px) {
  .lc-passe-partout.left-and-right {
    padding-left: 20px;
    padding-right: 20px;
  }
}

.lc-passe-partout.bottom {
  padding-bottom: 100px;
}

/* --- old IE versions we don't support --- */
#ie-10-message {
  display: none;
}

#ie-10-message.show {
  display: block;
}

#ie-10-message,
#ie9-and-lower-message {
  top: 0;
  left: 0;
  position: fixed;
  width: 100%;
  background-color: #F00;
  z-index: 133337;
  font-size: 18px;
  color: #FFF;
  padding: 2px;
  text-align: center;
}

#ie-10-message p,
#ie9-and-lower-message p {
  padding: 0;
  margin: 0;
}

/* --- mfp --- */
.mfp-figure {
  animation-name: fadeInMfp;
  animation-duration: .3s;
}

.mfp-text-content {
  position: relative;
  background-color: #fff;
  padding: 20px;
  max-width: 800px;
  margin: 0 auto;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #d2930f;
  font-size: 40px;
}

.mfp-arrow-right:after {
  border-left-color: #d2930f;
}

.mfp-arrow-left:after {
  border-right-color: #d2930f;
}