/* ========================================
   BASE
======================================== */

* {
  box-sizing: border-box;
}

html,
body {
  margin: 0;
  padding: 0;
  width: 100%;
}

body {
  overflow-x: hidden;
}

.page {
  position: relative;
  width: 100%;
}


/* ========================================
   SVG
======================================== */

.landing {
  display: block;
  width: 100%;
  height: auto;
  border: none;
}

.desktop {
  display: block;
}

.mobile {
  display: none;
}


/* ========================================
   LIENS EMAIL
======================================== */

.email-link {
  position: absolute;

  z-index: 10;

  color: white;
  text-decoration: none;

  white-space: nowrap;

  font-family: Arial, Helvetica, sans-serif;
}

.email-link:hover {
  text-decoration: underline;
}


/* ========================================
   EMAIL DESKTOP
======================================== */

.email-desktop {
  display: block;

  /*
    Position calculée par rapport
    aux dimensions de ton SVG desktop
  */

  left: 32.5%;
  top: 98%;

  transform: translateY(-50%);

  font-size: min(18px, 1.1905vw);
}


/* ========================================
   EMAIL MOBILE
======================================== */

.email-mobile {
  display: none;

  /*
    Position calculée par rapport
    aux dimensions de ton SVG mobile
  */

  left: 47.4%;
  top: 98.1%;

  transform: translateY(-50%);

  font-size: 2.0513vw;
}


/* ========================================
   VERSION MOBILE
======================================== */

@media (max-width: 767px) {

  .desktop {
    display: none;
  }

  .mobile {
    display: block;
  }

  .email-desktop {
    display: none;
  }

  .email-mobile {
    display: block;
  }

}