.judul{
	font-family: 'Poppins', sans-serif;
	font-weight: 700;
	color: #322c68;
}
.postmetadata { margin-bottom:20px; display: block;}
.postmetadata h6 { 
	display:inline; 
	letter-spacing:1px; 
	font-size:11px; 
	font-weight:400; 
	padding-right:4px; 
	text-transform:uppercase;

}
.blog-post h6.blog-date, .blog-single-post h6.blog-date  { 
	padding-top:10px;
	display:inline-block; 
	padding-bottom:13px;
}
.faqimg img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 40%;
}
.strukturimg img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.faqimg{
  margin-bottom: 10px;
}
.titlefaq{
	margin-bottom: 0px;
	font-size: 20px;
	font-family: 'Poppins', sans-serif;
	font-weight: 700;
	color: #322c68;
}
.subjudul{
	margin-bottom: 0px;
	font-size: 14px;
	font-family: 'Poppins', sans-serif;
	font-weight: 200;
	color: #000000;
	margin-top: -10px;
}
.subfaq{
	margin-bottom: 20px;
	color: #322c68;
}
.isifaq{
	margin-bottom: 20px;
	color: #322c68;
}
.col-auto{
	flex: 0 0 auto;
    width: auto;
    max-width: 100%;
}
.col{
	flex-basis: 0;
	flex-grow: 1;
	max-width: 100%;
}
.pr-0{
	padding-right: 0 !important;
}
.pl-1{
	padding-left: .25rem !important;
}
.numberfaq{
	text-align: center;
	padding: 8px;
	font-size: 20px;
}
section.numberfaq {
	background: #FFF;

}

@media only screen and (max-width: 768px) {
  /* For mobile phones: */
.faqimg img {
	  width: 100%;
	}
}