div {
	box-sizing: border-box;
}

p{
size: 16px;
}

tbody {
	border-top: none;
}

h4{
text-align: justify;
}

.profile-header {
	display: flex;
    width: 100%;
    height: auto;
}

.profile-header-img {
	border-radius: 50%;
	height: 200px;
	width: 200px;
	object-fit: cover;
}

.profile-header-img img {
	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.profile-header-text {
	font-family: inherit;
    padding: 20px;
}

.profile-header-text .profile-header-title {
	font-size:50px;
	color:rgba(0,161,163,1);
}

.profile-bio {
	text-align:justify;
	font-style:italic;
	color:#001489;
}

h1.sub-heading {
	font-family: inherit;
	text-align:center;
	color:#007dba;
	font-size: 32px;
	line-height: 1;
	margin: 30px 0;
}

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

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

.row-container .card {
  background-color: rgba(0,161,163,1);
}

.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;
  margin-top: -4px;
}

.sub-title {
	font-family: inherit;
	font-size: 16px;
	line-height: 18px;
	margin-bottom: 5px;
	margin-top: 0px;
	text-align: center;
}

.container a {
	color: #ffffff;
}

.container a:hover {
	color: #ffffff;
	cursor: pointer;
	text-decoration: underline;
}

.container-heading {
	font-weight: bold;
}

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

.card.hide {
	visibility: hidden;
}


@media all and (max-width: 767px){
	.profile-img {
		text-align: center;
	}
	
	table tr {
		display: flex;
		flex-direction: column;
		text-align: center;
	}

	table tr td {
		text-align: center;
	}

.profile-header {
	display: flex;
flex-direction: column;
}

	.profile-header-img {
		margin: 0 auto;
	}

	.table-header-text {
		padding: 0;
	}

	.row-container {
		display: block;
	}
	
	.row-container .card {
		width: 100%;
		margin: 16px 0;
	}
	
	.card.hide {
		display:none;
	}	
}