/* .container{ border: 2px solid green }
.grid-item{ border: 2px solid red; padding: 20px;}
.grid{ border: 1px solid blue} */
.filters ul{
  display: block;
  justify-content: center;
  list-style: none;
  border-bottom: 2px solid #D9D9D9;
  margin: 30px 15px
}
.filters ul li{
  display: inline-block;
  text-align: center;
  margin-right: 12px;
  padding: 0 5px 2px 5px;
  font-weight: 700;
  font-size: 16px; 
  cursor: pointer;
  position: relative;
  margin-bottom: 5px;
  margin-top: 5px;
  color: #777;
  transition: 0.3s;
  text-transform: uppercase;
}
.filters ul li:hover{
  color: #EB2D3A;
}
.filters ul li.is-checked{
  border-bottom: 2px solid #EB2D3A;
}
.filters ul li:last-child{
  margin-right: 0;
}

.filters
{background-color:white;}
 

.grid .grid-item h1{
  background: #EEEEEE;
  height: 100px;
  line-height: 100px;
  color: white;
  font-size: 3em;
  text-align: center;
  margin-bottom: 30px;
}


.grid-sizer
	{width:25%;}
	
/* On screens that are 600px or less, set the background color to olive */
@media screen and (max-width: 1007px) {
 .grid-sizer
	{width:33%;}
}

/* On screens that are 600px or less, set the background color to olive */
@media screen and (max-width: 640px) {
 .grid-sizer
	{width:100%;}
}

.card
{margin:25px;}

.sprtr
{width:100%;height:200px;}