@font-face {
  font-family: SourceSerif;
  src: url("https://cdn.therapeute-vendee.fr/assets/fonts/SourceSerif4Variable-Roman.otf.woff2");
}
@font-face {
  font-family: BradleyHand;
  src: url("https://cdn.therapeute-vendee.fr/assets/fonts/Bradley\ Hand\ ITC\ TT\ Bold.woff");
}

body {
  font-family: SourceSerif, serif;
  background-color: #fff8ef;
}

navbar {
  height: 180px;
  background-color: #fff8ef;
}

h1,
h2,
h3 {
  font-family: "ivypresto-headline", serif;
  font-weight: 600;
  font-style: normal;
  color: #263e44;
}

h1 {
  font-size: 2.75rem;
}
h2 {
  font-size: 2.35rem;
  margin-bottom: 1rem;
}
p,
ul {
  font-size: 1.35rem;
}

.navbar-brand img {
  max-height: 100px;
}
.nav-item {
  margin-right: 3rem;
}

.navbar .container {
  margin-top: unset;
}

.title span {
  font-size: 2rem;
}

.quisuisje img {
  max-width: 100%;
}
@media (min-width: 992px) {
  .container {
    margin-top: 10rem;
  }
  .quisuisje {
    background-color: white;
    border-radius: 50px;
    margin-left: 5rem;
  }
  .quisuisje img {
    border-radius: 30px;
    max-height: 570px;
  }
  .quisuisje .col-lg-5 {
    transform: translateY(-10%) !important;
    margin-left: -5rem;
  }
  .quisuisje .col-lg-7 {
    /* padding-left: 30%; */
    padding-right: 5rem;
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
  .h-800 {
    height: 800px;
  }
}

.citation {
  background-color: #263e44;
  color: white;
  padding: 8rem 0;
}
.citation .text {
  font-family: "BradleyHand", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 3rem;
}
.citation .text:before {
  font-family: Georgia, "Times New Roman", Times, serif;
  content: open-quote;
  font-weight: bold;
  font-size: 100px;
  color: #99bcae;
  line-height: 0;
  position: absolute;
  top: 3rem;
  left: 28vw;
}
.citation .text:after {
  font-family: Georgia, "Times New Roman", Times, serif;
  content: close-quote;
  font-weight: bold;
  font-size: 100px;
  color: #99bcae;
  line-height: 0;
  position: absolute;
  bottom: 2rem;
  left: 70vw;
}

.emphase {
  color: #99bcae;
  font-weight: bold;
}
form {
  background-color: white;
  border-radius: 50px;
  padding: 1rem;
}
@media (min-width: 992px) {
  form {
    padding: 3rem;
    padding-right: 10rem;
  }
}
form .btn,
.nav-link.contact {
  background: #263e44 0% 0% no-repeat padding-box;
  border-radius: 30px;
  color: white;
  border: solid 1px;
}
.nav-link.contact {
  padding: 0.375rem 1.25rem !important;
}
form .btn:hover,
.nav-link.contact:hover {
  border-color: #263e44;
  color: #263e44;
}
.nav-link.contact:hover {
  background-color: #fff8ef;
  border: solid 1px;
}

footer {
  font-family: SourceSerif, serif;
  margin-top: 2rem;
  color: #263e44;
}
footer .container {
  margin-bottom: 1rem;
}
footer p {
  font-size: 1rem;
  margin-bottom: 0;
}
footer a {
  text-decoration: none;
  color: #263e44;
}

.m-10 {
  margin: 7rem;
}
.waves {
  margin-left: -10vw;
}
.leafs {
  position: absolute;
  margin-left: 10vw;
}
.arrow {
  margin-right: 20vw;
}

.hide {
  display: none;
}

.nav-link:hover + .hide {
  display: block;
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
}

.waves-citation {
  position: absolute;
  top: -3vh;
}
.dandelion-citation {
  right: 25vw;
  bottom: 3vh;
}
.arrow-citation {
  left: 20vw;
  bottom: -5vh;
}

.d-lg-none img {
  margin-bottom: 3rem;
}

@media (max-width: 992px) {
  .arrow.m-10 {
    margin-top: 5vh;
  }
  .waves.m-10 {
    margin-top: 7vh;
  }
  .mt-7 {
    padding-top: 3.5rem;
    margin-top: 3.5rem;
  }
  .mt-7.h-800 {
    background: white;
    padding-bottom: 3.5rem;
  }
  .col-lg-7.d-flex.align-items-center {
    margin-top: 1.5rem;
  }
  .citation .text::before {
    left: 5vw;
  }
  .citation .text::after {
    left: unset;
    right: 5vw;
  }
  form {
    padding: 2rem;
  }
  .nav-item {
    margin-top: 1.25rem;
    margin-right: unset;
  }
  .nav-link.contact {
    margin-top: 0.75rem;
  }
  .citation .text {
    font-size: 2.75rem;
  }
}