/* GRID */
.width--25
{
  width: 25%;
}
.width--33
{
  width: 33%;
}
.width--50
{
  width: 50%;
}
.width--67
{
  width: 67%;
}
.width--75
{
  width: 75%;
}
.width--100
{
  width: 100%;
}

@media only screen and (min-width: 768px)
{
  .width--tablet-25
  {
    width: 25%;
  }
  .width--tablet-50
  {
    width: 50%;
  }
  .width--tablet-75
  {
    width: 75%;
  }
  .width--tablet-100
  {
    width: 100%;
  }
}

@media only screen and (min-width: 1025px)
{
  .width--desktop-25
  {
    width: 25%;
  }
  .width--desktop-50
  {
    width: 50%;
  }
  .width--desktop-75
  {
    width: 75%;
  }
  .width--desktop-100
  {
    width: 100%;
  }
}


/* FLEX */
.flex
{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.space--between
{
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.space--between-vertical
{
  -webkit-align-content: space-between;
  align-content: space-between;
}

.space--around-vertical
{
  -webkit-align-content: space-between;
  align-content: center;
}

.space--around
{
  -ms-flex-pack: distribute;
  justify-content: space-around;
}

.inner--spacing
{
  padding: 20px;
}

.order--1
{
  order: 1
}

.order--2
{
  order:2;
}

.order--3
{
  order:3;
}