/*
  Example Site: https://philipwalton.github.io/solved-by-flexbox/demos/grids/
*/
.Grid-cell.panel-widget {
  margin: 0 15px 15px 0;
}
.Grid-cell.panel-widget:last-child {
  margin-right: 0;
}

.full-width.full-width {
  margin-left: -12px;
  margin-right: -12px;
}

.text-right {
  text-align: right;
  justify-content: flex-end;
}
.text-center {
  text-align: center;
}
.strong {
  font-weight: bold;
}

.grid-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style: none;

  position: relative;
}
.grid-cell {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;

  padding: 12px;
  min-width: 0;
}
.grid-cell.cell-auto-width{
  flex: none;
}
.grid-cell-row {
      -webkit-box-flex: 1;
      -webkit-flex: 1 100%;
          -ms-flex: 1 100%;
              flex: 1 100%;
              padding: 12px;
              margin-right: 0;
}

.grid-cell.col-1of3 {
    width: 33.3333% !important;

  -webkit-box-flex: 0!important;
  -webkit-flex: none!important;
  -ms-flex: none!important;
  flex: none!important;
}
.grid-cell.col-1of4 {
    width: 25% !important;

  -webkit-box-flex: 0!important;
  -webkit-flex: none!important;
  -ms-flex: none!important;
  flex: none!important;
}
.grid-cell.col-1of5 {
    width: 20% !important;

  -webkit-box-flex: 0!important;
  -webkit-flex: none!important;
  -ms-flex: none!important;
  flex: none!important;
}

.demo {
  background: bisque;
  padding: 12px;
}