/****** CSS for All Static Pages ******/
div.content-wrapper { margin: 0 auto 20px auto;}


@media (max-width: 1200px) {
  div.content-wrapper{
	width:80%;
  }
}

@media (min-width: 1200px) {
  div.content-wrapper{
	width:80%;
  }
}

div.content-wrapper h1.page-title {
   font-size: 34px;
   font-weight: 300;
   display: block;
   padding-top: 30px;
   padding-bottom: 18px;
   border-bottom: 1px solid #ccc;
   text-align:center;
}

div.content-wrapper h2 {
    font-size: 28px;
    font-weight: 700;
 	padding-top: 15px;
}

div.content-wrapper h3 {
 	font-size: 16px;
 	font-weight: 700;
    padding: 0 0 10px 0;
}

div.content-wrapper ul li {
 	list-style-type: none;
}
/****** /END CSS for All Static Pages ******/
.content{
 /* width: 70%;
    margin-left: auto;
    margin-right: auto;*/
 text-align:center;
}

.distributerCard{
 display:flex;
 padding-bottom:30px;
 white-space:nowrap;
 width:50%;
}

// Within style tags in your html file
* { box-sizing: border-box; }

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

.grid{
   width:100%;
 margin-left:auto;
 margin-right:auto;
}

.img-holder{width:194px;}
.grid-item {
 display:flex;
 /*white-space:nowrap;
 width:410px;

  background: #00997B;
  border: 1px solid #333;
  border-color: hsla(0, 0%, 0%, 0.5);
  border-radius: 5px;*/
  margin-bottom: 20px;
}

.grid-item-title{font-weight:750;}