.row-heading {
	text-align: center;
}

.row-container {
	display:inline-flex;
	width: 100%;
}

.row-container .card {
  width: calc(100%/3);
  padding: 0;
  margin: 16px;
  background-color: #7ea8ad;
  border-radius: 8px;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
}

.card-img {
	width:100%;
	height: 143px;
	object-fit: cover;
	border-top-right-radius: 8px;
	border-top-left-radius: 8px;
}

.card-img:hover {
  cursor: pointer;
}

.container {
  padding: 16px 16px;
  color: #ffffff;
  text-align: center;
  margin-top: -4px;
}

.container-heading {
	font-family: inherit;
	font-size: 16px;
	line-height: 18px;
	margin-bottom: 5px;
	margin-top: 0px;
	font-weight: bold;
}

.container-description {
	font-family: inherit;
	font-size: 14px;
	line-height: 16px;
	margin-bottom: 0px;
}

.card.hide {
	visibility: hidden;
}

.breadcrumb a:last-child{
	font-weight: normal;
	color: #c7c7c7;
}

.breadcrumb a {
	color: #0058af;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    text-decoration: none;
	font-size: 16px;
}

.external-link::after{
	content: "\e901";
	font-family: "raptoricon";
	font-size: 12px;
	font-weight: normal;
	margin-left: 6px;
	position: relative;
	top: -3px;
}

@media all and (max-width: 767px){
	.row-container {
		display: block;
	}
	
	.row-container .card {
		width: 100%;
		margin: 16px 0;
	}
	
	.card.hide {
		display:none;
	}
}