/* Atomic Styles */

/* ///////////////////// */

/****** Atomic Flex Layout */

.flex-wrap {
  display: flex;
}

.flex-wrap.do-wrap {
  flex-wrap: wrap;
}

.flex-wrap.dir-col {
  flex-direction: column;
}

.flex-wrap.gap-lg-2 {
  gap: 2em;
}




/* MOBILE //////////////////////////////////////////////////////////////// */

@media only screen and (max-width: 36.25em) {

  /****** Atomic Flex Layout */

  .flex-wrap.gap-sm-1 {
    gap: 1em;
  }

  .flex-wrap.gap-sm-15 {
    gap: 1.5em;
  }

  .display-block-sm {
    display: block;
  }


}