@font-face {
  font-family: "GaramondPremrProIta";
  src: url("./assets/GaramondPremrPro-ttDisp.woff") format("woff"); }

@font-face {
  font-family: "GaramondPremrProDisplay";
  src: url("./assets/GaramondPremrPro-LtDisp.woff") format("woff"); }

html {
  font-family: 'GaramondPremrPro' 'Source Sans Pro', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  font-size: 16px;
  word-spacing: 1px;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  box-sizing: border-box; }

*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0; }

.w_home {
  padding: 8.333vw 16.667vw 5.486vw 16.667vw; }

.b_logo {
  text-align: center; }
  .b_logo img {
    width: 8.333vw; }

.b_title {
  text-align: center;
  font-size: 3.194vw;
  color: #19255B;
  font-family: "GaramondPremrProIta";
  line-height: 3.194vw;
  padding-top: 6.778vw; }

.b_grid_two {
  display: flex;
  justify-content: space-between;
  padding-top: 2.681vw; }

.col_1 {
  width: 31.944vw;
  height: 18.056vw;
  position: relative; }
  .col_1 .protect_img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden; }
    .col_1 .protect_img .image {
      width: 100%;
      height: 100%;
      background-position: center;
      background-repeat: no-repeat;
      background-size: 160%;
      background-position-x: 0vw;
      background-image: url("./assets/chasse-31.jpg"); }
  .col_1 .b_texte {
    width: 18.056vw;
    height: 6.250vw;
    background-color: #19255B;
    position: absolute;
    bottom: -3.125vw;
    left: 50%;
    transform: translate(-50%);
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1.389vw 2.014vw; }
    .col_1 .b_texte p {
      color: #FFF;
      text-align: center;
      text-transform: uppercase;
      font-size: 1.181vw;
      line-height: 1.389vw;
      font-family: "GaramondPremrProDisplay"; }

.col_2 {
  width: 31.944vw;
  height: 18.056vw;
  position: relative; }
  .col_2 .protect_img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden; }
    .col_2 .protect_img .image2 {
      width: 100%;
      height: 100%;
      background-position: center;
      background-repeat: no-repeat;
      background-size: 160%;
      background-position-x: 0vw;
      background-image: url("./assets/chasse-82.jpg"); }
  .col_2 .b_texte {
    width: 18.056vw;
    height: 6.250vw;
    background-color: #19255B;
    position: absolute;
    bottom: -3.125vw;
    left: 50%;
    transform: translate(-50%);
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1.389vw 2.014vw; }
    .col_2 .b_texte p {
      color: #FFF;
      text-align: center;
      text-transform: uppercase;
      font-size: 1.181vw;
      line-height: 1.389vw;
      font-family: "GaramondPremrProDisplay"; }

.b_footer {
  padding: 13.056vw 9.722vw 5.486vw 47.153vw;
  display: flex;
  justify-content: flex-end; }
  .b_footer .links_social_media img {
    width: 1.389vw; }
  .b_footer .links_social_media .first_img {
    margin-right: 1vw; }
  .b_footer .link_website {
    text-transform: uppercase;
    color: #19255B;
    text-decoration: underline;
    font-size: 1.181vw;
    margin-left: 1vw; }

@media screen and (max-width: 768px) {
  .w_home {
    padding: 8.333vw 16.667vw 5.486vw 16.667vw; }
  .b_logo {
    text-align: center; }
    .b_logo img {
      width: 32vw; }
  .b_title {
    text-align: center;
    font-size: 5.267vw;
    color: #19255B;
    font-family: "GaramondPremrProIta";
    line-height: 5.267vw;
    padding-top: 6.778vw; }
  .b_grid_two {
    display: block;
    padding-top: 2.681vw; }
  .col_1 {
    width: 100%;
    height: 39.333vw;
    position: relative;
    margin-bottom: 10.681vw; }
    .col_1 .protect_img {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      overflow: hidden; }
      .col_1 .protect_img .image {
        width: 100%;
        height: 100%;
        background-position: center;
        background-repeat: no-repeat;
        background-size: 160%;
        background-position-x: 0vw;
        background-image: url("./assets/chasse-31.jpg"); }
    .col_1 .b_texte {
      width: 39.333vw;
      height: 14vw;
      background-color: #19255B;
      position: absolute;
      bottom: -3.125vw;
      left: 50%;
      transform: translate(-50%);
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 1.389vw 2.014vw; }
      .col_1 .b_texte p {
        color: #FFF;
        text-align: center;
        text-transform: uppercase;
        font-size: 2.533vw;
        line-height: 2.933vw;
        font-family: "GaramondPremrProDisplay"; }
  .col_2 {
    width: 100%;
    height: 39.333vw;
    position: relative;
    margin-bottom: 10.681vw; }
    .col_2 .protect_img {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      overflow: hidden; }
      .col_2 .protect_img .image {
        width: 100%;
        height: 100%;
        background-position: center;
        background-repeat: no-repeat;
        background-size: 160%;
        background-position-x: 0vw;
        background-image: url("./assets/chasse-82.jpg"); }
    .col_2 .b_texte {
      width: 39.333vw;
      height: 14vw;
      background-color: #19255B;
      position: absolute;
      bottom: -3.125vw;
      left: 50%;
      transform: translate(-50%);
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 1.389vw 2.014vw; }
      .col_2 .b_texte p {
        color: #FFF;
        text-align: center;
        text-transform: uppercase;
        font-size: 2.533vw;
        line-height: 2.933vw;
        font-family: "GaramondPremrProDisplay"; }
  .b_footer {
    padding: 8.333vw 16.667vw 5.486vw 16.667vw;
    display: block;
    text-align: center; }
    .b_footer .links_social_media {
      margin-bottom: 1vw; }
      .b_footer .links_social_media img {
        width: 5.333vw; }
      .b_footer .links_social_media .first_img {
        margin-right: 3vw; }
    .b_footer .link_website {
      text-transform: uppercase;
      color: #19255B;
      text-decoration: underline;
      font-size: 3.333vw;
      margin-left: 1vw; } }