@media (max-width: 640px) {
  #brief,
  #specs,
  #prestation {
    margin-top: 4rem;
    margin-left: 2rem;
    margin-right: 2rem;
  }

  .separator {
    margin: 5rem 2rem;
  }

  .brief_title > h2 {
    width: 100%;
    font-size: 2rem;
  }

  .brief_subtitle {
    font-size: 1.5rem;
    line-height: 1.75rem;
  }

  .specs_container {
    flex-direction: column;
    row-gap: 2rem;
  }

  .specs_container > div {
    width: 100%;
  }

  .specs_container > .decorations {
    width: 100%;
    max-height: 38vh !important;
    max-width: unset;
  }

  .specs_container > .decorations > img:nth-child(1) {
    z-index: 4;
    left: 10%;
  }
  .specs_container > .decorations > img:nth-child(2) {
    width: 50%;
    height: auto;
  }
  .specs_container > .decorations > img:nth-child(3) {
    width: 65%;
    height: auto;
  }
  .specs_container > .decorations > img:nth-child(4) {
    width: 50%;
    left: 55%;
    bottom: 10%;
    height: auto;
  }

  .specs_keypoints > ul {
    width: 100%;
  }

  #specs > .summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    row-gap: 2rem;
    width: 100%;
  }

  .networks {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 1rem;
    row-gap: 1rem;
    justify-content: center;
    align-items: center;
    padding: 0;
  }
  .networks > li {
    display: flex;
    justify-content: center;
  }

  #prestation {
    padding-left: unset;
    padding-right: unset;
    padding-bottom: unset;
  }

  .prestation_text,
  .prestation_keypoints {
    display: flex;
    flex-direction: column;
    row-gap: 1rem;
  }

  .prestation_keypoints {
    margin-top: 1rem;
  }

  .prestation_keypoints > div:last-child > div {
    display: flex;
    flex-wrap: wrap;
  }

  .prestation_keypoints > div:last-child > div > div {
    width: 100%;
  }

  #our_platform {
    margin-top: 2rem;
    padding-top: 2rem;
    padding-bottom: 2rem;
    padding-left: unset;
    padding-right: unset;
  }

  .youtube_text,
  .facebook_text {
    display: flex;
    flex-direction: column;
    row-gap: 1rem;
    margin-left: 2rem;
    margin-right: 2rem;
  }

  .youtube_text > div:last-child,
  .facebook_text > div:last-child {
    display: flex;
    flex-direction: column;
    row-gap: 1rem;
    margin-left: 2rem;
    margin-right: 2rem;
  }
  .youtube_text > div:last-child > img,
  .facebook_text > div:last-child > img {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
  }

  .youtube_keypoints,
  .facebook_keypoints {
    padding-top: 2rem;
    padding-bottom: 2rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 0;
  }

  .swiper_container {
    margin-top: 2rem;
    width: 90%;
    margin-right: auto;
    margin-left: auto;
  }

  .scrollbar_control {
    padding-bottom: 1rem;
    padding-top: 1rem;
    width: 90%;
    margin-right: auto;
    margin-left: auto;
  }

  .swiper-scrollbar-youtube,
  .swiper-scrollbar-facebook {
    width: 50%;
  }

  #our_platform > hr.separator {
    margin: 5rem 2rem !important;
  }
}