.card {
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
  transition: 0.3s;
  /*width: 99%;*/
  border-radius: 7px;
  margin-left: .5em;
  margin-right: .5em;
  margin-top: 1em;
  background-color: #fafafa;
}

.card:hover {
  box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}

.img-container {
  padding-top: 1em;
  margin:0 auto;
  text-align: center;
}

.card-container {
  	/*padding-top: 0em;*/
	padding-right: .5em;
	/*padding-bottom:;*/
	padding-left: 1em;
	text-align: center;
	
}

.card-container p{
	color:rgb(107, 107, 107);
	font-size: .8em;
}
.card-container h4{
	color:#607d8b;
}

.grid-container {
  display: grid;
  grid-template-columns: auto auto;
  /*background-color: #2196F3;*/
  /*padding: 10px;*/
}

.grid-item {
  background-color: rgba(255, 255, 255, 0.8);
  border: 1px solid rgba(0, 0, 0, 0.8);
  padding: 20px;
  font-size: 30px;
  text-align: center;
  margin:0 auto;
}