/* ==================================
   KK CUSTOM v1
   General framework utilities
================================== */

/* Width
================================== */

/* Width
================================== */

.kk-w-auto {
  width: auto;
  max-width: 100%;
  height: auto;
}
.kk-w-100 {
  width: 100%;
}
.kk-w-75 {
  width: 75%;
}
.kk-w-50 {
  width: 50%;
}
.kk-w-25 {
  width: 25%;
}

/* Horizontal alignment
================================== */

.kk-align-left {
  display: grid;
  justify-items: start;
}

.kk-align-center {
  display: grid;
  justify-items: center;
}

.kk-align-right {
  display: grid;
  justify-items: end;
}
/* Vertical alignment
================================== */

.kk-valign-top {
  align-self: start;
}

.kk-valign-center {
  align-self: center;
}

.kk-valign-bottom {
  align-self: end;
}