@font-face {
  font-family: 'BodoniModa-Italic-VariableFont_opsz,wght';
  src: url(fonts/BodoniModa-Italic-VariableFont_opsz%2Cwght.eot);
  src: url(fonts/BodoniModa-Italic-VariableFont_opsz%2Cwght.eot?#iefix) format('embedded-opentype'), url(fonts/BodoniModa-Italic-VariableFont_opsz%2Cwght.otf) format('otf'), url(fonts/BodoniModa-Italic-VariableFont_opsz%2Cwght.svg#BodoniModa-Italic-VariableFont_opsz%2Cwght) format('svg'), url(fonts/BodoniModa-Italic-VariableFont_opsz%2Cwght.woff2) format('woff2'), url(fonts/BodoniModa-Italic-VariableFont_opsz%2Cwght.woff) format('woff'), url(fonts/BodoniModa-Italic-VariableFont_opsz%2Cwght.ttf) format('truetype');
}
@font-face {
  font-family: 'BodoniModa-VariableFont_opsz,wght';
  src: url(fonts/BodoniModa-VariableFont_opsz%2Cwght.eot);
  src: url(fonts/BodoniModa-VariableFont_opsz%2Cwght.eot?#iefix) format('embedded-opentype'), url(fonts/BodoniModa-VariableFont_opsz%2Cwght.otf) format('otf'), url(fonts/BodoniModa-VariableFont_opsz%2Cwght.svg#BodoniModa-VariableFont_opsz%2Cwght) format('svg'), url(fonts/BodoniModa-VariableFont_opsz%2Cwght.woff2) format('woff2'), url(fonts/BodoniModa-VariableFont_opsz%2Cwght.ttf) format('truetype'), url(fonts/BodoniModa-VariableFont_opsz%2Cwght.woff) format('woff');
}
@font-face {
  font-family: 'Orbitron-VariableFont_wght';
  src: url(fonts/Orbitron-VariableFont_wght.eot);
  src: url(fonts/Orbitron-VariableFont_wght.eot?#iefix) format('embedded-opentype'), url(fonts/Orbitron-VariableFont_wght.otf) format('otf'), url(fonts/Orbitron-VariableFont_wght.svg#Orbitron-VariableFont_wght) format('svg'), url(fonts/Orbitron-VariableFont_wght.woff2) format('woff2'), url(fonts/Orbitron-VariableFont_wght.woff) format('woff'), url(fonts/Orbitron-VariableFont_wght.ttf) format('truetype');
}
@font-face {
  font-family: 'avenir-next-bold';
  src: url(fonts/avenir-next-bold.eot);
  src: url(fonts/avenir-next-bold.eot?#iefix) format('embedded-opentype'), url(fonts/avenir-next-bold.otf) format('otf'), url(fonts/avenir-next-bold.svg#avenir-next-bold) format('svg'), url(fonts/avenir-next-bold.woff) format('woff'), url(fonts/avenir-next-bold.woff2) format('woff2'), url(fonts/avenir-next-bold.ttf) format('truetype');
}
@font-face {
  font-family: 'SourceSans3-VariableFont_wght';
  src: url(fonts/SourceSans3-VariableFont_wght.eot);
  src: url(fonts/SourceSans3-VariableFont_wght.eot?#iefix) format('embedded-opentype'), url(fonts/SourceSans3-VariableFont_wght.otf) format('otf'), url(fonts/SourceSans3-VariableFont_wght.svg#SourceSans3-VariableFont_wght) format('svg'), url(fonts/SourceSans3-VariableFont_wght.woff2) format('woff2'), url(fonts/SourceSans3-VariableFont_wght.woff) format('woff'), url(fonts/SourceSans3-VariableFont_wght.ttf) format('truetype');
}
@font-face {
  font-family: 'SourceSans3-Italic-VariableFont_wght';
  src: url(fonts/SourceSans3-Italic-VariableFont_wght.eot);
  src: url(fonts/SourceSans3-Italic-VariableFont_wght.eot?#iefix) format('embedded-opentype'), url(fonts/SourceSans3-Italic-VariableFont_wght.otf) format('otf'), url(fonts/SourceSans3-Italic-VariableFont_wght.svg#SourceSans3-Italic-VariableFont_wght) format('svg'), url(fonts/SourceSans3-Italic-VariableFont_wght.woff2) format('woff2'), url(fonts/SourceSans3-Italic-VariableFont_wght.woff) format('woff'), url(fonts/SourceSans3-Italic-VariableFont_wght.ttf) format('truetype');
}
/* font-weight regular of light */
/* font-weight bold */
/* font-weight bold */
.row {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.col {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.col.width_20 {
  -webkit-flex: 0 0 20%;
  -ms-flex: 0 0 20%;
  flex: 0 0 20%;
}
.col.width_40 {
  -webkit-flex: 0 0 40%;
  -ms-flex: 0 0 40%;
  flex: 0 0 40%;
}
.col.width_60 {
  -webkit-flex: 0 0 60%;
  -ms-flex: 0 0 60%;
  flex: 0 0 60%;
}
.col.width_80 {
  -webkit-flex: 0 0 80%;
  -ms-flex: 0 0 80%;
  flex: 0 0 80%;
}
.col.width_100 {
  -webkit-flex: 0 0 100%;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
}
.banner {
  margin-bottom: 30px;
}
.banner > .row {
  margin: 0;
}
.banner > .row > .col {
  padding: 0;
}
.banner figure {
  margin: 0;
}
.banner #banner-image figure,
.banner #banner-pattern figure,
.banner #banner-image img,
.banner #banner-pattern img {
  width: 100%;
  height: 100%;
}
.banner #banner-image img,
.banner #banner-pattern img {
  aspect-ratio: 15/7;
  object-fit: cover;
}
#quote {
  margin: 30px 0;
  -webkit-order: 2;
  -ms-order: 2;
  order: 2;
}
#quote.top {
  -webkit-order: 1;
  -ms-order: 1;
  order: 1;
  margin: 0;
}
@media (min-width: 992px) {
  #quote.top {
    position: relative;
    margin-top: -120px;
    /* marge banner + 2 * line height quote */
    margin-bottom: 30px;
  }
}
#quote.top blockquote {
  margin: 0;
}
blockquote {
  color: #9AB9AD;
  font-size: 36px;
  line-height: 40px;
  margin: 30px 0;
}
blockquote.green {
  color: #9AB9AD;
}
blockquote.red {
  color: #B7312C;
}
blockquote.blue {
  color: #002F6C;
}
blockquote.yellow {
  color: #D7C667;
}
blockquote.darkgreen {
  color: #275D28;
}
#footer {
  background-color: #B7312C;
  color: #fff;
}
#footer .col {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
#footer .col.pattern {
  -webkit-flex: 0 0 33.3%;
  -ms-flex: 0 0 33.3%;
  flex: 0 0 33.3%;
}
body {
  font-family: 'SourceSans3-VariableFont_wght';
  font-weight: 300;
  color: #000;
}
h1 {
  font-family: 'BodoniModa-VariableFont_opsz,wght';
  font-weight: 500;
  margin-bottom: 30px;
}
h2,
h3,
h4,
h5,
h6 {
  font-family: 'avenir-next-bold';
}
a {
  color: #000;
}
blockquote {
  font-family: 'Orbitron-VariableFont_wght';
  font-weight: bold;
}
.page > .row {
  margin-left: -30px;
  margin-right: -30px;
}
.page > .row > .col {
  padding-left: 30px;
  padding-right: 30px;
}
#page-content {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
}
#page-content #content {
  -webkit-order: 2;
  -ms-order: 2;
  order: 2;
}
.shaffy img {
  display: block;
  margin: 0 auto;
}