@media (max-width: 600px) {

.grid-sizer,
.grid-item {
  width: 100% !important;
  margin-bottom: 30px !important;
}

.ctabtn {
 text-align: center !important;
}

.ctabtn a.btn {
float: none !important;
}

 .grid-item .blog-card__title {
 text-align: center !important;
}

 .grid-item .blog-card__excerpt {
 text-align: center !important;
}

.blog-card p {
  text-align: center !important;
}

.collection__hero {
    padding: 30px 30px 20px 30px !important;
}
  
}

@media (max-width: 800px)
.blog__tag-trigger {
    width: 100%;
    text-align: left;
}

@media (min-width: 700px) and (max-width: 1024px) {

.grid-sizer,
.grid-item {
  width: 47% !important;
  margin-bottom: 30px;
}
  
}

.collection__filter-row {
 margin-bottom: 0px !important;
}

.collection__hero {
 margin-bottom: 30px !important;
}

.black {
    color: #fff;
    background-color: #000000;
    border-radius: 0;
    border-color: #000000 !important;
}

.black:hover {
    color: #000000 !important;
    background-color: #ffffff;
    border-color: #000000 !important;
}
	
.xminread {
	float: right;
	text-transform: uppercase;
	color: #c82920;
}

.responsive-image {
  min-width: 100% !important;
}
	
.ctabtn {
  width: 100%;
  display: block;
}
	
.ctabtn a.btn {
   float: left;	
}
 
	
.ctabtn a.xminread {
   float: right;
   text-align: right;
	margin-top: 50px;
	font-size: 0.7em;
}

.collection__hero {
    margin-bottom: 30px !important;
    padding: 30px !important;
}
	

@media (min-width: 801px) {
.collection__tag-filter {
margin-right: 20px !important;
}
}


/* ---- masonry grid ---- */

.grid {
  max-width: 100%;
}

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

/* ---- grid-item ---- */

.grid-sizer,
.grid-item {
  width: 31.33%;
  margin-bottom: 30px !important;
}

.grid-item {
  float: left;
  
}

.blog-filter {
  margin-bottom: 30px !important;
  padding: 20px 20px 0px 20px !important;
  background-color: #f4f4f4 !important;
  
}