@media screen and (max-width: 960px) {
  header .menu {
    display: none !important;
  }
  footer .left {
    justify-content: flex-start;
    padding-bottom: 40px;
  }
  footer .left img {
    width: 30%;
  }
  footer .info {
    padding: 10% 0;
  }
  footer .container {
    width: unset;
  }
  footer .title,
  footer ul,
  footer .social {
    margin-left: unset;
  }
  #indexslide h1 {
    font-size: 1.4em;
  }
  #menu_complete.show .left_content {
    background-color: var(--primary);
  }
  #menu_complete a {
    color: white;
  }

  .bg--image {
    padding: 50px 0;
  }
  .offer_showcase {
    width: 100%;
    padding: 0;
  }
  .offer_showcase ul.list li {
    width: 100%;
  }
  .offer_showcase ul.list li,
  .offer_flipcard .flip_container {
    height: unset !important;
  }
}