.footer {
  display: flex;
  flex-direction: column;
  background-color: #768698;
  color: white;
  min-height: 40vh;
  align-items: center;
  justify-content: center;
}
.footer img {
  width: 200px;
}
.footer .footerContent {
  display: flex;
}
.footer .inputsNewsletter {
  display: flex;
  flex-direction: row;
  border-bottom: solid 1px;
  justify-content: space-between;
  padding-top: 5%;
}
.footer .inputsNewsletter input {
  background-color: inherit;
  border: none;
  color: white;
  width: 100%;
}
.footer .inputsNewsletter input::placeholder {
  color: white;
}
.footer .inputsNewsletter input:focus {
  background-color: inherit;
  border: 0px;
}
.footer .inputsNewsletter .arrowValidationForm svg:hover g path {
  fill: #c28788;
  stroke: #c28788;
}

.footerSubContent {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  justify-content: space-around;
  font-size: 12px;
}
.footerSubContent hr {
  width: 30%;
  margin: 15px 0;
}
.footerSubContent a {
  text-decoration: none;
  color: white;
}
.footerSubContent a:hover {
  color: #c28788;
  font-weight: bolder;
}
.footerSubContent svg {
  fill: white;
}
.footerSubContent svg:hover {
  fill: #c28788;
}

.logoFooter {
  align-items: center;
}

.logoFooter,
.footer1,
.footer2,
.footer3 {
  display: flex;
  flex-direction: column;
  max-width: 30%;
  min-width: 250px;
}
.logoFooter div.subFooterContent,
.footer1 div.subFooterContent,
.footer2 div.subFooterContent,
.footer3 div.subFooterContent {
  display: flex;
  flex-direction: column;
}

.contentFooter2 p {
  padding: 5px 0;
}

.logoSocialMedia {
  flex-direction: row;
}
.logoSocialMedia a {
  padding-right: 15px;
  padding-top: 15px;
}

.legalMention a,
.copyright a {
  color: white;
  text-decoration: none;
}
.legalMention a:visited,
.copyright a:visited {
  color: white;
}

.copyright {
  display: flex;
  padding-top: 2%;
  font-size: 10px;
}

@media only screen and (min-width: 768px) and (max-width: 1200px) {
  .footerSubContent div {
    margin-top: 15px;
  }

  .logoFooter,
.footer1,
.footer2,
.footer3 {
    min-width: 45%;
    padding: 5%;
  }
}
@media only screen and (max-width: 600px) {
  .footer,
.footerContent,
.footerSubContent {
    flex-direction: column;
    padding: 5%;
    align-items: center;
  }

  .footer img {
    width: 100px;
  }

  .footer1,
.footer2,
.footer3 {
    padding: 10% 0;
    width: 100%;
  }
  .footer1 div,
.footer1 h3,
.footer1 p,
.footer2 div,
.footer2 h3,
.footer2 p,
.footer3 div,
.footer3 h3,
.footer3 p {
    padding: 5px 0;
  }

  .copyright {
    align-items: center;
    font-size: x-small;
    padding-bottom: 5%;
  }
}

/*# sourceMappingURL=footer.css.map */