.grid {
  text-align:center;
  padding:10px 0px;
  background-color: #000;
  width: 100%;
}

/* clearfix */
.grid:after {
  content: '';
  display: block;
  clear: both;
}

.grid-sizer, .grid-item { width: calc(100vw - 30px); }
.grid-item{margin-bottom:10px;}

@media (max-width: 767px){
    .grid-item{
        transform:translateX(15px)!important;
    }
}
/* 2-COLUMN LAYOUT */
@media (min-width: 768px){
	.grid-sizer,
	.grid-item { width:calc(50% - 10px);margin-bottom:10px }
	/* 2 columns */
	.grid-item--width2 { width:calc(100vw - 10px); }
	.grid-item {

	}
}
/* 3-COLUMN LAYOUT */
@media (min-width: 1200px){
	.grid-sizer,
	.grid-item {
		width:calc(25% - 10px);
		margin-bottom:10px
	}
	/* 2 columns */
	.grid-item--width2 {
		width:calc(50vw - 20px);
	}

}

@media (min-width: 1375px){
	.grid-sizer,
	.grid-item { width:calc(25% - 10px); }
	/* 2 columns */
	.grid-item--width2 { width: 50%; }
}