.flex-grid,
.flex-view .view-content{
	clear:both;
	display:flex;
	flex-wrap:wrap;
	margin: -.75rem;
}
.flex-grid .item,
.flex-view .item{ 
	box-sizing: border-box;
	 -webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	padding: .75rem;
}
.flex-grid.loose,
.flex-view.loose .view-content{
	margin: -2rem;
}
.flex-grid.loose .item,
.flex-view.loose .item{ 
	padding: 2rem;
}
.flex-grid.tight,
.flex-view.tight .view-content{
	margin: -1%;
}
.flex-grid.tight .item,
.flex-view.tight .item{ 
	padding: 1%;
}
.flex-grid.xtight,
.flex-view.xtight .view-content{
	margin: -1px;
}
.flex-grid.xtight .item,
.flex-view.xtight .item{ 
	padding: 1px;
}
.flex-grid.xloose,
.flex-view.xloose .view-content{
	margin: -4rem;
}
.flex-grid.xloose .item,
.flex-view.xloose .item{ 
	padding: 4rem;
}

/* LARGE SCREEN COLUMN SIZES ---------------- */

.item.lg-1 {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  max-width: 100%;
}
.item.lg-2 {
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
  max-width: 50%;
}
.item.lg-3 {
  -ms-flex-preferred-size: 33.3333%;
  flex-basis: 33.3333%;
  max-width: 33.3333%;
}
.item.lg-4 {
  -ms-flex-preferred-size: 25%;
  flex-basis: 25%;
  max-width: 25%;
}
.item.lg-5 {
  -ms-flex-preferred-size: 20%;
  flex-basis: 20%;
  max-width: 20%;
}
.item.lg-6 {
  -ms-flex-preferred-size: 16.6666%;
  flex-basis: 16.6666%;
  max-width: 16.6666%;
}

/* MEDIUM SCREEN COLUMN SIZES ---------------- */

@media screen and (max-width: 1200px){

.item.md-1 {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  max-width: 100%;
}	
.item.md-2 {
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
  max-width: 50%;
}
.item.md-3 {
  -ms-flex-preferred-size: 33.3333%;
  flex-basis: 33.3333%;
  max-width: 33.3333%;
}
.item.md-4 {
  -ms-flex-preferred-size: 25%;
  flex-basis: 25%;
  max-width: 25%;
}
.item.md-5 {
  -ms-flex-preferred-size: 20%;
  flex-basis: 20%;
  max-width: 20%;
}
.item.md-6 {
  -ms-flex-preferred-size: 16.6666%;
  flex-basis: 16.6666%;
  max-width: 16.6666%;
}
	
}

/* SMALL SCREEN COLUMN SIZES ---------------- */

@media screen and (max-width: 850px){

.item.sm-1 {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  max-width: 100%;
}
.item.sm-2 {
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
  max-width: 50%;
}
.item.sm-3 {
  -ms-flex-preferred-size: 33.3333%;
  flex-basis: 33.3333%;
  max-width: 33.3333%;
}
.item.sm-4 {
  -ms-flex-preferred-size: 25%;
  flex-basis: 25%;
  max-width: 25%;
}
.item.lg-5 {
  -ms-flex-preferred-size: 20%;
  flex-basis: 20%;
  max-width: 20%;
}
.item.sm-6 {
  -ms-flex-preferred-size: 16.6666%;
  flex-basis: 16.6666%;
  max-width: 16.6666%;
}
	
}

/* EXTRA SMALL SCREEN COLUMN SIZES ---------------- */

@media screen and (max-width: 550px){

.item.xs-1 {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  max-width: 100%;
}
.item.xs-2 {
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
  max-width: 50%;
}
.item.xs-3 {
  -ms-flex-preferred-size: 33.3333%;
  flex-basis: 33.3333%;
  max-width: 33.3333%;
}
.item.xs-4 {
  -ms-flex-preferred-size: 25%;
  flex-basis: 25%;
  max-width: 25%;
}
.item.xs-5 {
  -ms-flex-preferred-size: 20%;
  flex-basis: 20%;
  max-width: 20%;
}
.item.xs-6 {
  -ms-flex-preferred-size: 16.6666%;
  flex-basis: 16.6666%;
  max-width: 16.6666%;
}
	
}