* {
  box-sizing: border-box;
}
body {
  font-family: "Montserrat", sans-serif;
  color: var(--police-page-sombre);
}
.kol-1 a,
.kol a {
  color: #ca6767;
}
.kol-1 a:hover,
.kol a:hover {
  color: #6586b4;}

/* STRUCTURE */
.wrapper {
  padding: 5px;
  /*! max-width: 75%; */
  width: 95%;
  margin: 20px auto;
  min-height: 100vh;
}
.kols {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  margin: 5px 0;
}

.kol {
  flex: 1;
  border: 1px solid gray;
  margin: 2px;
  padding: 10px;
  /*! flex-grow: 2; */
}
.kol:first-child {
  margin-left: 0;
}
.kol:last-child {
  margin-right: 0;
}
.kol-1 {
  flex-grow: 2;
  border: 1px solid gray;
  margin: 2px;
  padding: 10px;
}


@media screen and (max-width: 980px) {
  .wrapper {
    padding-top: 40px;
    max-width: 95%;
  }
  .kols .kol {
    margin-bottom: 5px;
    flex-basis: 40%;
  }
  .kols .kol:nth-last-child(2) {
    margin-right: 0;
  }
  .kols .kol:last-child {
    flex-basis: 100%;
    margin: 0;
  }
}
@media screen and (max-width: 680px) {
  .kols .kol {
    flex-basis: 100%;
    margin: 0 0 5px 0;
  }
}