.headerAbout {
  padding: 1rem 1rem 89px;
  border-bottom: none;
}
.bandeauAbout {
  height: 74px;
}
.mainAbout {
  padding: 200px 0 76.5px;
}

.contact {
  font-family: "Redaction";
  font-size: 20px;
  line-height: 26px;
  display: grid;
  grid-template-columns: 1fr 3fr 1fr;
  column-gap: 64px;
  margin: 0 1rem;
}
.contact .h1 {
  margin-bottom: 1.5rem;
}
.contact img {
  margin-bottom: 1.5rem !important;
  width: calc(66.66% - 1.5rem);
}
.contact a {
  text-decoration: underline dotted;
}
.contact strong {
  font-family: "Redaction20";
}
.mailinsta {
  word-break: break-all;
}
section > * {
  margin-bottom: 16px;
}

/* bandeau déroulant //////////////////////////////////////////// */
.banner {
  font-family: "Redaction50";
  display: flex;
  position: fixed;
  bottom: 52.5px;
  padding-bottom: 2px;
  width: 100vw;
  font-size: 16px;
  overflow: hidden;
  height: auto;
  white-space: nowrap;
  box-sizing: border-box;
  background: var(--color-background);
}
.banner strong, .banner span {
  font-variant: small-caps;
}
.banner li {
  padding-top: 1px;
  margin: 0 12px 0 10px;
}
.banner ul {
  width: auto;
  display: flex;
  animation: defile 80s linear infinite;
}
@keyframes defile {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}

@media screen and (max-width: 1081px) {
.headerAbout {
  border-bottom: 1px dashed var(--color-black);
}
.contact{
  font-size: 18px;
  line-height: unset;
  grid-template-columns: 1fr;
  margin: 12px 8px 32px;
  }
.banner {
  bottom: 37.5px;
}
}