@media all and (max-device-width: 812px) {
  .root {
    height: auto;
  }

  body {
    font-size: 2.4vw;
  }

  .dashboard_links {
    width: 100vw;
  }

  .menu_form,
  .contact,
  .presentation_chaine,
  .presentation_text {
    width: 98vw;
    padding: 1vh 1vw;
  }

  .dashboard_link {
    font-size: 2vw;
    width: 32vw;
  }

  footer,
  header {
    height: 8vh !important;
  }

  input,
  textarea,
  input::placeholder,
  textarea::placeholder {
    font-size: 2vw;
  }

  .btn {
    font-size: 2.4vw;
    font-weight: bolder;
  }

  .menu {
    border-bottom: 1px solid #045a96;
    position: relative;
    right: initial;
    text-align: center;
    top: 0;
    width: 100%;
  }

  .menu button {
    margin: 1vh auto;
  }

  .btn_logout {
    width: 10em;
    height: 10em;
  }

  .close {
    right: 1.5vw;
    top: 1.5vh;
  }

  .menu_form {
    border-radius: 0;
    box-shadow: none;
    left: 1vw;
    position: absolute;
    top: 1vh;
  }

  .lnklogo {
    margin: 2vh auto 2vh auto;
    position: relative;
    right: initial;
    top: initial;
    width: 60vw;
  }

  .menu_footer {
    background-color: #045a96;
    border-top: 1px solid white;
    bottom: 0;
    display: flex;
    font-size: 2.4vw;
    justify-content: space-around;
    left: 0;
    margin-top: 3vh;
    padding: 1vh 0 1vh 0;
    position: fixed;
    text-transform: uppercase;
    width: 100%;
  }

  .menu_footer a {
    color: white;
    text-decoration: none;
  }

  .title_def,
  .title_map {
    font-size: 2.4vw;
    max-width: 90vw;
  }

  .confirmation {
    margin-top: 10vh;
    width: 90vw;
  }

  .mycal {
    align-items: center;
    display: flex;
    flex-direction: column;
    padding: 0;
  }

  .sophro_join,
  #payment-form {
    margin-top: 5vh;
  }

  .middle_row {
    height: 0;
  }

  .dashboard {
    margin-top: 1vh;
  }

  .dashboard .content {
    font-size: 2.2vw;
  }

  .ui-timepicker-standard a {
    font-size: 2em;
  }

  .day_col {
    width: 5em;
  }

  .inter_col1,
  .inter_col2 {
    width: 1.5em;
  }

  .footer_textmessage2 .btn_ok {
    margin: 0.5em;
  }

  .contact,
  .mcgu_text,
  .presentation_content {
    margin: 1vh 1vw;
  }

  .contact_form {
    width: 60vw;
  }
}