@media screen and (min-width: 321px) {
  iframe {
    width: 100%;
  }
  footer {
    display: flex;
    flex-direction: column;
    align-items: center;
    
    div {
      display: flex;
      gap: 4rem;
      
      section {
        width: 25%;
        padding: 0 2rem;
        display: flex;
        flex-direction: column;
        align-items: center;
      }
      
      #navigation {
        display: block;
        
        div {
          display: flex;
          flex-direction: column;
          text-align: left;
          a {
            display: inline-block;
            padding: 0;
            &:hover {
              color: $bouton;
            }
          }
        }
      }
      .separateur{
        margin-top: 8rem;
        display: flex;
      }
    }

}
  .legalissation {
    text-align: center;
  }
}
