.header-utama {
	height: 70px;
	background: #e6e6e6;
	box-shadow: #941010 0px 2px 0 0;
	color: #990c0c;
}
.btn-navbar-head {
	padding:3px 10px;
	margin: 0 10px -5px 10px;
	font-size: 15px;
	font-weight: 300;
	letter-spacing:0.3px;
	color: #990c0c;
	background: transparent;
	outline: none;
	border-color: transparent;
}

#page-content-utama {
	padding:70px 0;
}

#box-navbar-mobile {
	display: none;
}

#moda-navbar-mobile {
	display: none;
}
#footer-website-niasface-mobile {
	display: none;
}
@media only screen and (max-width: 712px) {
	#box-navbar-pc{
		display: none;
	}
	#box-navbar-mobile {
		display: block;
	}

	#footer-website-niasface {
		display: none;
	}
	#footer-website-niasface-mobile {
		display: block;
	}

	.btn-navbar-head {
		width: 100%;
		padding:3px 0;
		margin: 3px 0;
		font-size: 15px;
		font-weight: 300;
		letter-spacing:0.3px;
		color: #990c0c;
		background: transparent;
		outline: none;
		border-color: transparent;
	}
	#moda-navbar-mobile {
		min-width: 80px;
		position: fixed;
  		z-index: 9999999999;
		top: 0;
		right: 0;
		padding: 5px 10px 10px 10px;
		background: rgba(255,255,255);
		border-radius: 0 0 0 10px;
		box-shadow: #941010 -2px 2px 0 0;
		display: none;
		--animate-duration: 0.5s;
	}
}

.title-website {
	font-size: 24px;
	color: #990c0c;
}