@import "../common.css";
@import "../header.css";
@import "../footer.css";

:root {
  --title-text-margin-top: 5.7vw;
  --clients-margin-top: 2vw;
  --client-margin-top: 2vw;
  --client-font-size: 3.4vw;
}

#title-text {
  color: #777777;
  margin-top: var(--title-text-margin-top);
  text-transform: uppercase;
  font-size: var(--client-font-size);
}
#clients {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: var(--clients-margin-top);
}
#clients * {
  margin-top: var(--client-margin-top);
  font-size: var(--client-font-size);
  font-weight: bold;
}
.columns-wrapper {
  margin-top: 32px;
  font-size: var(--client-font-size);
  font-weight: bold;
}
.row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
}
.column-left {
  display: flex;
  flex-direction: column;
  flex-basis: 100%;
  flex: 1;
}
.column-right {
  display: flex;
  flex-direction: column;
  flex-basis: 100%;
  flex: 1;
}
.responsive {
  width: 100%;
  height: auto;
}