@font-face {
  font-family: 'Phosphate';
  src: url('./fonts/Phosphate-Solid.eot');
  src: url('./fonts/Phosphate-Solid.eot?#iefix') format('embedded-opentype'), url('./fonts/Phosphate-Solid.woff2') format('woff2'), url('./fonts/Phosphate-Solid.woff') format('woff'), url('./fonts/Phosphate-Solid.ttf') format('truetype'), url('./fonts/Phosphate-Solid.svg#Phosphate-Solid') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Avenir-Medium';
  src: url('./fonts/AvenirNext-Medium.eot');
  src: url('./fonts/AvenirNext-Medium.eot?#iefix') format('embedded-opentype'), url('./fonts/AvenirNext-Medium.woff2') format('woff2'), url('./fonts/AvenirNext-Medium.woff') format('woff'), url('./fonts/AvenirNext-Medium.ttf') format('truetype'), url('./fonts/AvenirNext-Medium.svg#AvenirNext-Medium') format('svg');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'AvenirBold';
  src: url('./fonts/AvenirNext-DemiBold.eot');
  src: url('./fonts/AvenirNext-DemiBold.eot?#iefix') format('embedded-opentype'), url('./fonts/AvenirNext-DemiBold.woff2') format('woff2'), url('./fonts/AvenirNext-DemiBold.woff') format('woff'), url('./fonts/AvenirNext-DemiBold.ttf') format('truetype'), url('./fonts/AvenirNext-DemiBold.svg#AvenirNext-DemiBold') format('svg');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'AvenirBolder';
  src: url('./fonts/AvenirNext-Bold.eot');
  src: url('./fonts/AvenirNext-Bold.eot?#iefix') format('embedded-opentype'), url('./fonts/AvenirNext-Bold.woff2') format('woff2'), url('./fonts/AvenirNext-Bold.woff') format('woff'), url('./fonts/AvenirNext-Bold.ttf') format('truetype'), url('./fonts/AvenirNext-Bold.svg#AvenirNext-Bold') format('svg');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
section.main-actions-collectives .section-container .actions {
  margin-top: 80px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 40px;
}
section.action-single .section-container {
  flex-direction: row;
  gap: 50px;
}
section.action-single .section-container img {
  max-width: 350px;
}
section.banner-single-action h1 {
  margin-bottom: 5px;
}
section.banner-single-action h4 {
  letter-spacing: 0.1em;
}
@media screen and (max-width: 900px) {
  section.main-actions-collectives .section-container .actions {
    margin-top: 0;
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 600px) {
  section.main-actions-collectives .section-container .actions {
    margin-top: 0;
    grid-template-columns: repeat(1, 1fr);
  }
}