.separated {
   display: flex;
   justify-content: space-between;
}

.around {
   display: flex;
   justify-content: space-around;
}

.centered {
   display: flex;
   justify-content: center;
   align-items: center;
   flex-wrap: wrap;
}

.centered-column {
   display: flex;
   justify-content: center;
   align-items: center;
   flex-flow: column;
}

.blockcontainer {
   position: relative;
   display: block;
}

.flexcontainer {
   position: relative;
   display: flex;
}

.gridcontainer {
   position: relative;
   display: grid;
}

.flex-column {
   flex-flow: column;
}

.flex-row {
   flex-flow: row;
}

.flex-start {
   align-items: flex-start;
   justify-content: flex-start;
}

.flex-center {
   align-items: center;
   justify-content: center;
}

.flex-end {
   align-items: flex-end;
   justify-content: flex-end;
}

.flex-bottom {
   align-items: flex-end;
}

.flex-baseline {
   justify-content: baseline;
}

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

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

.wrap {
   white-space: pre-wrap;
}

.nowrap {
   white-space: nowrap;
}

.mpadd {
   padding: 0.2rem;
}

.padd {
   padding: 0.5rem;
}

.padd1 {
   padding: 1rem;
}

.padd2 {
   padding: 2rem;
}

.padd3 {
   padding: 3rem;
}

.padd4 {
   padding: 4rem;
}

.top {
   margin-top: 0.5rem;
}

.top1 {
   margin-top: 1rem;
}

.top2 {
   margin-top: 2rem;
}

.top3 {
   margin-top: 3rem;
}

.top4 {
   margin-top: 4rem;
}

.shrink {
   height: 1.8rem;
   overflow: hidden;
}

.shrink__button {
   transition: .7s;
}

.shrink__button--container {
   display: block;
}

.flex-grid {
   display: grid;
   grid-gap: 1rem;
   grid-auto-rows: auto;
   grid-template-columns: repeat(auto-fill, minmax(min(100%, 30rem), 1fr));
   grid-auto-flow: dense;
}

.flex-grid--new {
   display: grid;
   grid-gap: 1rem;
   grid-auto-rows: auto;
   grid-template-columns:repeat(auto-fill, minmax(min(100%, 40rem), 1fr));
   grid-auto-flow: dense;
}

.grid {
   display: grid;
   grid-gap: 1rem;
   grid-auto-rows: auto;
   grid-template-columns: repeat(auto-fill, minmax(min(100%, 18rem), 1fr));
   grid-auto-flow: dense;
}

.grid-fill2 {
   grid-column: span 2;
}

.grid-fill3 {
   grid-column: span 3;
}

.grid-fill4 {
   grid-column: span 4;
}

.grid-fill5 {
   grid-column: span 5;
}

.grid-fill6 {
   grid-column: span 6;
}

.grid-fill7 {
   grid-column: span 7;
}

.grid-fill8 {
   grid-column: span 8;
}

.gap0 {
   grid-gap: unset;
}

.gap {
   grid-gap: .5rem;
}

.gap1 {
   grid-gap: 1rem;
}

.gap1-5 {
   grid-gap: 1.5rem;
}

.gap2 {
   grid-gap: 2rem;
}

.gap3 {
   grid-gap: 3rem;
}

.gap4 {
   grid-gap: 4rem;
}

.gap5 {
   grid-gap: 5rem;
}

.gap6 {
   grid-gap: 6rem;
}

@media screen and (min-width: 1350px) {
   .shrink {
      height: initial;
      overflow: initial;
   }
   .shrink__button--container {
      display: none;
   }
}