body {
  background-color: black;
  margin: 1rem 1.5rem !important;
  color: white;
  overflow: visible !important;
}

button {
  outline: none !important;
  border: 1px solid transparent;
  box-shadow: none !important;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

a {
  cursor: pointer;
}

/* LOGO */

.logo {
  margin-bottom: 0.5rem;
  padding: 0rem 0.4rem;
}

.logo img {
  max-width: 100%;
}

/* IDIOMES */

.idiomes {
  margin: 5rem 20rem;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.idiomes button {
  color: white;
  border: 1px solid white;
}

.idiomes button:hover {
  color: #ff931a;
  border: 1px solid #ff931a;
}

/* LOGOS AJUNTAMENTS */

.logosajt {
  text-align: center;
}

.logosajt img {
  width: 30%;
  margin: 2rem 1rem;
}

/* CREDITS */
.credits {
  text-align: center;
}
.credits button {
  /* margin: 0.5rem 0rem; */
  font-size: 25px;
  color: #ff931a;
}
.credits button:hover {
  color: white;
}
.credits .collapse {
  margin: 2rem;
  justify-content: center;
}
.credits .collapse p,
.credits .collapse b {
  display: block !important;
}

/* MEDIA QUERIES */

@media screen and (max-width: 290px) {
  body {
    background-color: black;
  }
  /* IDIOMES */
  .idiomes {
    margin: 5rem 2rem;
    display: flex;
    flex-direction: row;
    justify-content: center;
  }
}

/* XS */

@media screen and (max-width: 575px) {
  body {
    background-color: black;
  }
  /* IDIOMES */
  .idiomes {
    margin: 5rem 2rem;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
  }
  .idiomes button {
    margin: 0.5rem;
  }
}

/* S */

@media screen and (min-width: 576px) {
  body {
    background-color: black;
  }
  .logo img {
    max-width: 25rem;
  }
  /* IDIOMES */
  .idiomes {
    margin: 5rem 3rem;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
}

/* M */

@media screen and (min-width: 768px) {
  body {
    background-color: black;
  }
  .logo img {
    max-width: 25rem;
  }
  /* IDIOMES */
  .idiomes {
    margin: 5rem 6rem;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
}

/* L */

@media screen and (min-width: 992px) {
  body {
    background-color: black;
  }
  .logo img {
    max-width: 25rem;
  }
  /* IDIOMES */
  .idiomes {
    margin: 6rem 10rem;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
}

/* XL */

@media screen and (min-width: 1200px) {
  body {
    background-color: black;
    overflow: hidden;
  }
  .logo img {
    max-width: 18rem;
  }
  /* IDIOMES */
  .idiomes {
    margin: 5rem 15rem;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
}

/* XXL */

@media screen and (min-width: 1400px) {
  body {
    background-color: black;
    overflow: hidden;
  }
  .logo img {
    max-width: 20rem;
  }
  /* IDIOMES */
  .idiomes {
    margin: 5rem 17rem;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
}