body{
	padding: 0;
	margin: 0;
	font-family: 'Muli', sans-serif;
}
.navbar{
	width: 100%;
}
.navbar-brand{
	font-size: 35px;
}

/* first-banner */
.bg-banner{
	width: 100%;
	height: 300px;
	background-color: #dc3545;
}
.first-banner{
	width: 100%;
	height: 500px;
	display: flex;
	justify-content: center;
	padding: 50px;
	margin-bottom: 30px;
}
.first-banner-img{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 55%;
	height: 100%;
	padding: 25px;
}
.first-banner-img img{
	width: 100%;
	height: 100%;
	z-index: 999;
}
.first-banner-text{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 45%;
	height: 100%;
	padding: 25px;
}
.first-banner-text .card{
	margin-top: 60px;
	width: 100%;
	border: 0px;
	box-shadow: 0px 5px 10px rgba(177, 177, 177, 1.0);
	border-radius: 12px;
}
.first-banner-text .card h2{
	font-weight: bold;
}
.first-card-text{
	width: 100%;
	height: 100%;
	margin-top: 16px;
	padding: 12px;
}
.form-group-text{
	display: flex;
	width: 100%;
}
.form-group-text h6{
	margin-bottom: 16px;
	margin-right: 8px;
}
.first-card-text p{
	width: 100%;
	font-size: 14px;
	margin-bottom: 0px;
	padding-bottom: 10px;
	border-bottom: 2px solid #dc3545;
}
svg {
	display: block;
	z-index: -2;
}
/* first-banner */

/* second-banner */
.second-banner{
	width: 100%;
	height: 100%;
	margin-top: 30px;
	margin-bottom: 30px;
	display: flex;
	flex-direction: column;
	
}
.second-banner h2{
	font-weight: bold;
	display: flex;
	justify-content: center;
	align-items: center;
}

.prestasi-banner{
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}
.prestasi-banner .card{
	display: flex;
	max-width: 100%;
	max-height: 100%;
	border-radius: 12px;
	border: 0;
	margin-top: 35px;
	box-shadow: 0px 5px 10px rgba(177, 177, 177, 1.0);
}
.prestasi-banner .card-body{
	display: flex;
	width: 100%;
}
.prestasi-img{
	width: 38%;
	display: flex;
	padding-right: 20px;
}
.prestasi-img img{
	max-width: 100%;
	max-height: 250px;
}
.prestasi-text{
	width: 58%;
}
.prestasi-text h5{
	font-weight: bold;
}
.form-group-prestasi{
	padding-bottom: 14px;
	display: flex;
	border-bottom: 2px solid #dc3545;
}
.form-group-prestasi p{
	margin: 0 6px;
}
.form-group-prestasi p i{
	margin-right: 4px;
}
.prestasi-text-body P{
	font-size: 16px;
	margin-top: 20px;
	line-height: 25px;
}

.prestasi-banner a{
	margin-top: 40px;
}
/* second-banner */

/* prestasi-page */
.second-banner-page{
	width: 100%;
	height: 100%;
	margin-top: 30px;
	display: flex;
	flex-direction: column;
	
}
.second-banner-page h2{
	font-weight: bold;
	display: flex;
	justify-content: center;
	align-items: center;
}

.prestasi-img-page{
	width: 45%;
	display: flex;
}
.prestasi-img-page img{
	width: 240px;
	height: 100%;
}
.prestasi-text-page{
	width: 50%;
}
.prestasi-text-page h6{
	font-weight: bold;
}
.form-group-prestasi-page{
	padding-bottom: 14px;
	display: flex;
	border-bottom: 2px solid #dc3545;
}
.form-group-prestasi-page p{
	margin: 0 6px;
	font-size: 14px;
}
.form-group-prestasi-page p i{
	margin-right: 4px;
	font-size: 14px;
}
.prestasi-text-body{
	font-size: 14px;
	margin-top: 20px;
	line-height: 25px;
}
/* prestasi-page */
/* third-berita */
/* berita */
.bg-berita{
	padding-top: 40px;
	margin-bottom: 40px;
}
.bg-berita h2{
	font-weight: bold;
}
.berita-banner{
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	padding-top: 40px;
}
.berita-banner .card{
	width: 100%;
	height: 530px;
	border: 0;
	border-radius: 12px;
	margin-bottom: 20px;
	box-shadow: 0px 5px 10px rgba(177, 177, 177, 1.0);
}
.berita-banner .card-body{
	padding: 0px;
}
.berita-banner img{
	max-width: 100%;
	max-height: 250px;
	border-top-left-radius: 12px;
	border-top-right-radius: 12px;
}
.berita-banner .card-body-berita-text{
	padding: 20px;
}
.berita-page .card-body-berita-text{
	margin-top: 40px;
}
.berita-banner .card-body-berita-text h5{
	color: #dc3545;
	font-weight: bold;
}
.berita-banner .card-body-berita-text p{
	color: #666666;
	line-height: 26px;
	margin: 0 0 15px;
	font-size: 14px;
	text-transform: none;
	font-weight: 400;
}
.berita-banner .card-body-berita-text a{
	font-size: 12px;
	font-weight: 600;

}
/* third-berita */
/* berita page */
/*halaman berita */
.berita-page{
	margin-top: 40px;
}
.berita-page .card{
	border: 0;
	margin-bottom: 40px;
}
.breadcrumb{
	margin-bottom: 40px;
}
.breadcrumb a{
	color: #000;
}
.breadcrumb a:hover{
	text-decoration: none;
}
.breadcrumb-item+.breadcrumb-item::before {
	display: inline-block;
	padding-right: .5rem;
	color: #12cc6e;
	content: "/";
}
.berita-page img{
	max-width: 100%;
	max-height: 100%;
}
.berita-page h3{
	font-weight: bold;
	padding-bottom: 12px;
}
.berita-page h4{
	font-weight: bold;
	padding-bottom: 12px;
}
.berita-page .card-body-berita-text{
	margin-top: 60px;
}
.berita-page .card-body-berita-text p{
	line-height: 26px;
	color: #666666;
	margin: 0 0 15px;
	font-size: 16px;
	text-transform: none;
	font-weight: 400;
}
.item{
	width: 300px;
	height: 250px;
	margin: 12px;
}
.item img{
	max-width: 100%;
	height: 200px;
}
/*halaman berita */

/* footer */
footer{
	width: 100%;
	height: 300px;
	background: #dc3545;
	margin-top: 15px;
}
footer h3{
	color: #fff;
	margin-top: 12px;
	font-weight: bold;
}
.footer-img{
	margin-top: 30px;
	display: flex;
}
footer img{
	margin: 0 14px;
	width: 150px;
}
.footer-identity{
	border-top: 1px dashed #fff;
	padding-top: 10px;
	margin-top: 35px;
}
/* footer */


/* -------------------------------------------------------------------- */

/* responsive */
@media only screen and (min-width : 320px) and (max-width : 480px){
	/* first-banner */
	.bg-banner{
		width: 100%;
		height: 100%;
		display: flex;
		flex-direction: column;
		align-items: center;
		background-color: #dc3545;
		padding-top: 20px;
	}
	.first-banner{
		width: 100%;
		height: 100%;
		display: flex;
		flex-direction: column;
		justify-content: center;
		padding: 20px;
		margin-bottom: 30px;
	}
	.first-banner-img{
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
		height: 100%;
		padding: 0px;
	}
	.first-banner-img img{
		width: 100%;
		height: 100%;
		z-index: 999;
	}
	.first-banner-text{
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
		height: 100%;
		padding: 0px;
	}
	.first-banner-text .card{
		margin-top: 60px;
		width: 100%;
		height: 100%;
		border: 0px;
		box-shadow: 0px 5px 10px rgba(177, 177, 177, 1.0);
		border-radius: 12px;
	}
	.first-banner-text .card h2{
		font-weight: bold;
		font-size: 6vw;
	}
	.first-card-text{
		width: 100%;
		height: 100%;
		margin-top: 16px;
		padding: 12px;
	}
	.form-group-text{
		display: flex;
		width: 100%;
	}
	.form-group-text h6{
		margin-bottom: 10px;
		margin-right: 3px;
		font-size: 3.8vw;
	}
	.first-card-text p{
		width: 100%;
		font-size: 4vw;
		margin-bottom: 0px;
		padding-bottom: 10px;
		border-bottom: 2px solid #dc3545;
	}
	svg {
		display: block;
		z-index: -2;
	}
	/* first-banner */

	/* second-banner */
	.second-banner{
		width: 100%;
		height: 100%;
		margin-top: 30px;
		display: flex;
		flex-direction: column;

	}
	.second-banner h2{
		font-weight: bold;
		display: flex;
		text-align: center;
		font-size: 7vw;
		justify-content: center;
		align-items: center;
	}

	.second-banner h2::before{
		background: transparent none repeat scroll 0 0;
		bottom: -415px;
		content: "";
		height: 2px;
		left: 50%;
		margin-left: -40px;
		position: absolute;
		width: 40px;
		z-index: 1;
	}
	.second-banner h2::after{
		background: transparent none repeat scroll 0 0;
		bottom: -415px;
		content: "";
		height: 2px;
		left: 50%;
		margin-left: 5px;
		position: absolute;
		width: 40px;
	}
	.prestasi-banner{
		width: 100%;
		height: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
		margin-top: 0px;
		padding: 10px;
	}
	.prestasi-banner .card{
		display: flex;
		width: 100%;
		height: 100%;
		border-radius: 12px;
		border: 0;
		margin-top: 35px;
		box-shadow: 0px 5px 10px rgba(177, 177, 177, 1.0);
	}
	.prestasi-banner .card-body{
		display: flex;
		flex-direction: column;
		width: 100%;
	}
	.prestasi-img{
		width: 100%;
		height: 100%;
		display: flex;
		padding-right: 0px;
	}
	.prestasi-img img{
		max-width: 100%;
		max-height: 100%;
	}
	.prestasi-text{
		width: 100%;
		margin-top: 15px;
	}
	.prestasi-text h5{
		font-weight: bold;
		font-size: 4vw;
		text-align: center;
	}
	.form-group-prestasi{
		padding-bottom: 14px;
		display: flex;
		justify-content: center;
		border-bottom: 2px solid #dc3545;
	}
	.form-group-prestasi p{
		margin: 0 6px;
		font-size: 3.5vw;
	}
	.form-group-prestasi p i{
		margin-right: 4px;
		font-size: 3.5vw;
	}
	.prestasi-text-body P{
		font-size: 3.5vw;
		margin-bottom: 0px;
		margin-top: 0px;
		line-height: 20px;
	}

	.prestasi-banner a{
		margin-top: 40px;
		font-size: 4vw;
	}
	/* second-banner */

	/* prestasi-page */
	.second-banner-page{
		width: 100%;
		height: 100%;
		margin-top: 30px;
		display: flex;
		flex-direction: column;

	}
	.second-banner-page h2{
		font-weight: bold;
		display: flex;
		justify-content: center;
		text-align: center;
		align-items: center;
		font-size: 7vw;
	}

	.second-banner-page h2::before{
		background: transparent none repeat scroll 0 0;
		bottom: 460px;
		content: "";
		height: 2px;
		left: 50%;
		margin-left: -40px;
		position: absolute;
		width: 40px;
		z-index: 1;
	}
	.second-banner-page h2::after{
		background: transparent none repeat scroll 0 0;
		bottom: 460px;
		content: "";
		height: 2px;
		left: 50%;
		margin-left: 5px;
		position: absolute;
		width: 40px;
	}
	.prestasi-img-page{
		width: 100%;
		display: flex;
	}
	.prestasi-img-page img{
		width: 100%;
		height: 150px;
	}
	.prestasi-text-page{
		width: 100%;
	}
	.prestasi-text-page h6{
		font-weight: bold;
		text-align: center;
		font-size: 5vw;
	}
	.form-group-prestasi-page{
		padding-bottom: 14px;
		display: flex;
		border-bottom: 2px solid #dc3545;
	}
	.form-group-prestasi-page p{
		margin: 0 6px;
		font-size: 3.5vw;
	}
	.form-group-prestasi-page p i{
		margin-right: 4px;
		font-size: 14px;
	}
	.prestasi-text-body{
		font-size: 14px;
		margin-top: 20px;
		line-height: 25px;
	}
	/* prestasi-page */

	.bg-berita{
		padding-top: 0px;
		margin-bottom: 40px;
	}
	.bg-berita h2{
		font-weight: bold;
		display: flex;
		text-align: center;
		font-size: 7vw;
		justify-content: center;
		align-items: center;
	}
	.bg-berita h2::before{
		background: transparent none repeat scroll 0 0;
		bottom: -930px;
		content: "";
		height: 2px;
		left: 50%;
		margin-left: -40px;
		position: absolute;
		width: 40px;
		z-index: 1;
	}
	.bg-berita h2::after{
		background: transparent none repeat scroll 0 0;
		bottom: -930px;
		content: "";
		height: 2px;
		left: 50%;
		margin-left: 5px;
		position: absolute;
		width: 40px;
	}
	.berita-banner{
		width: 100%;
		height: 100%;
		display: flex;
		justify-content: center;
		padding: 0px 10px 0px 10px;
	}
	.berita-banner .card{
		width: 100%;
		height: 95%;
		margin-top: 10px;
		border: 0;
		border-radius: 12px;
		box-shadow: 0px 5px 10px rgba(177, 177, 177, 1.0);
	}
	.berita-banner .card-body{
		padding: 0px;
	}
	.berita-banner img{
		max-width: 100%;
		max-height: 100%;
		border-top-left-radius: 12px;
		border-top-right-radius: 12px;
	}
	.berita-banner .card-body-berita-text{
		padding: 20px;
	}
	.berita-page .card-body-berita-text{
		margin-top: 40px;
	}
	.berita-banner .card-body-berita-text h5{
		color: #dc3545;
		font-weight: bold;
		font-size: 6vw;
	}
	.berita-banner .card-body-berita-text p{
		color: #666666;
		line-height: 23px;
		word-wrap: break-word;
		width: 100%;
		margin: 0 0 15px;
		font-size: 4vw;
		text-transform: none;
		font-weight: 400;
	}
	.berita-banner .card-body-berita-text a{
		font-size: 4vw;
		font-weight: 600;

	}
	/*halaman berita */
	.berita-page{
		margin-top: 40px;
	}
	.berita-page .card{
		border: 0;
		margin-bottom: 40px;
	}
	.breadcrumb{
		margin-bottom: 40px;
	}
	.breadcrumb a{
		color: #000;
		font-size: 4vw;
	}
	.breadcrumb a:hover{
		text-decoration: none;
	}
	.breadcrumb-item+.breadcrumb-item::before {
		display: inline-block;
		padding-right: .5rem;
		color: #12cc6e;
		content: "/";
	}
	.berita-page img{
		max-width: 100%;
		max-height: 100%;
	}
	.berita-page h3{
		font-weight: bold;
		padding-bottom: 12px;
		font-size: 6vw;
		text-align: center;
	}
	.berita-page h4{
		font-weight: bold;
		padding-bottom: 12px;
		font-size: 6vw;
	}
	.berita-page .card-body-berita-text{
		margin-top: 60px;
	}
	.berita-page .card-body-berita-text p{
		line-height: 26px;
		color: #666666;
		margin: 0 0 15px;
		font-size: 4vw;
		text-transform: none;
		font-weight: 400;
	}
	.item{
		width: 100%;
		height: 100%;
		margin: 12px;
	}
	.item img{
		max-width: 100%;
		max-height: 100%;
	}
	/*halaman berita */
	/* footer */
	footer{
		width: 100%;
		height: 100%;
		background: #dc3545;
		margin-top: 15px;
	}
	footer h3{
		color: #fff;
		margin-top: 12px;
		font-weight: bold;
		font-size: 5vw;
		text-align: center;
	}
	.footer-img{
		margin-top: 5px;
		display: flex;
		flex-direction: column;
	}
	footer img{
		margin: 0 14px;
		width: 150px;
	}
	.footer-identity{
		border-top: 1px dashed #fff;
		padding-top: 10px;
		margin-top: 35px;
	}
	.footer-identity h6{
		text-align: center;
		font-size: 4vw;
	}
	/* footer */
}

@media only screen and (min-width : 480px) and (max-width : 595px){
	/* first-banner */
	.bg-banner{
		width: 100%;
		height: 100%;
		display: flex;
		flex-direction: column;
		align-items: center;
		background-color: #dc3545;
		padding-top: 20px;
	}
	.first-banner{
		width: 100%;
		height: 100%;
		display: flex;
		flex-direction: column;
		justify-content: center;
		padding: 20px;
		margin-bottom: 30px;
	}
	.first-banner-img{
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
		height: 100%;
		padding: 0px;
	}
	.first-banner-img img{
		width: 100%;
		height: 100%;
		z-index: 999;
	}
	.first-banner-text{
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
		height: 100%;
		padding: 0px;
	}
	.first-banner-text .card{
		margin-top: 60px;
		width: 100%;
		height: 100%;
		border: 0px;
		box-shadow: 0px 5px 10px rgba(177, 177, 177, 1.0);
		border-radius: 12px;
	}
	.first-banner-text .card h2{
		font-weight: bold;
		font-size: 6vw;
	}
	.first-card-text{
		width: 100%;
		height: 100%;
		margin-top: 16px;
		padding: 12px;
	}
	.form-group-text{
		display: flex;
		width: 100%;
	}
	.form-group-text h6{
		margin-bottom: 10px;
		margin-right: 3px;
		font-size: 3.8vw;
	}
	.first-card-text p{
		width: 100%;
		font-size: 3vw;
		margin-bottom: 0px;
		padding-bottom: 10px;
		border-bottom: 2px solid #dc3545;
	}
	svg {
		display: block;
		z-index: -2;
	}
	/* first-banner */

	/* second-banner */
	.second-banner{
		width: 100%;
		height: 100%;
		margin-top: 30px;
		display: flex;
		flex-direction: column;

	}
	.second-banner h2{
		font-weight: bold;
		display: flex;
		text-align: center;
		font-size: 6vw;
		justify-content: center;
		align-items: center;
	}

	.second-banner h2::before{
		background: transparent none repeat scroll 0 0;
		bottom: -415px;
		content: "";
		height: 2px;
		left: 50%;
		margin-left: -40px;
		position: absolute;
		width: 40px;
		z-index: 1;
	}
	.second-banner h2::after{
		background: transparent none repeat scroll 0 0;
		bottom: -415px;
		content: "";
		height: 2px;
		left: 50%;
		margin-left: 5px;
		position: absolute;
		width: 40px;
	}
	.prestasi-banner{
		width: 100%;
		height: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
		margin-top: 0px;
		padding: 20px;
	}
	.prestasi-banner .card{
		display: flex;
		width: 100%;
		height: 100%;
		border-radius: 12px;
		border: 0;
		margin-top: 35px;
		box-shadow: 0px 5px 10px rgba(177, 177, 177, 1.0);
	}
	.prestasi-banner .card-body{
		display: flex;
		flex-direction: column;
		width: 100%;
	}
	.prestasi-img{
		width: 100%;
		height: 100%;
		display: flex;
		padding-right: 0px;
	}
	.prestasi-img img{
		max-width: 100%;
		max-height: 100%;
	}
	.prestasi-text{
		width: 100%;
		margin-top: 15px;
	}
	.prestasi-text h5{
		font-weight: bold;
		font-size: 4vw;
		text-align: center;
	}
	.form-group-prestasi{
		padding-bottom: 14px;
		display: flex;
		justify-content: center;
		border-bottom: 2px solid #dc3545;
	}
	.form-group-prestasi p{
		margin: 0 6px;
		font-size: 3.5vw;
	}
	.form-group-prestasi p i{
		margin-right: 4px;
		font-size: 3.5vw;
	}
	.prestasi-text-body P{
		font-size: 3vw;
		margin-bottom: 0px;
		margin-top: 0px;
		line-height: 20px;
	}

	.prestasi-banner a{
		margin-top: 40px;
		font-size: 4vw;
	}
	/* second-banner */

	/* prestasi-page */
	.second-banner-page{
		width: 100%;
		height: 100%;
		margin-top: 30px;
		display: flex;
		flex-direction: column;

	}
	.second-banner-page h2{
		font-weight: bold;
		display: flex;
		justify-content: center;
		text-align: center;
		align-items: center;
		font-size: 7vw;
	}

	.second-banner-page h2::before{
		background: transparent none repeat scroll 0 0;
		bottom: 460px;
		content: "";
		height: 2px;
		left: 50%;
		margin-left: -40px;
		position: absolute;
		width: 40px;
		z-index: 1;
	}
	.second-banner-page h2::after{
		background: transparent none repeat scroll 0 0;
		bottom: 460px;
		content: "";
		height: 2px;
		left: 50%;
		margin-left: 5px;
		position: absolute;
		width: 40px;
	}
	.prestasi-img-page{
		width: 100%;
		display: flex;
	}
	.prestasi-img-page img{
		width: 100%;
		height: 150px;
	}
	.prestasi-text-page{
		width: 100%;
	}
	.prestasi-text-page h6{
		font-weight: bold;
		text-align: center;
		font-size: 5vw;
	}
	.form-group-prestasi-page{
		padding-bottom: 14px;
		display: flex;
		border-bottom: 2px solid #dc3545;
	}
	.form-group-prestasi-page p{
		margin: 0 6px;
		font-size: 3.5vw;
	}
	.form-group-prestasi-page p i{
		margin-right: 4px;
		font-size: 14px;
	}
	.prestasi-text-body{
		font-size: 14px;
		margin-top: 20px;
		line-height: 25px;
	}
	/* prestasi-page */

	.bg-berita{
		padding-top: 0px;
		margin-bottom: 40px;
	}
	.bg-berita h2{
		font-weight: bold;
		display: flex;
		text-align: center;
		font-size: 6vw;
		justify-content: center;
		align-items: center;
	}
	.bg-berita h2::before{
		background: transparent none repeat scroll 0 0;
		bottom: -930px;
		content: "";
		height: 2px;
		left: 50%;
		margin-left: -40px;
		position: absolute;
		width: 40px;
		z-index: 1;
	}
	.bg-berita h2::after{
		background: transparent none repeat scroll 0 0;
		bottom: -930px;
		content: "";
		height: 2px;
		left: 50%;
		margin-left: 5px;
		position: absolute;
		width: 40px;
	}
	.berita-banner{
		width: 100%;
		height: 100%;
		display: flex;
		justify-content: center;
		padding: 10px 20px 0px 20px;
	}
	.berita-banner .card{
		width: 100%;
		height: 95%;
		margin-top: 10px;
		border: 0;
		border-radius: 12px;
		box-shadow: 0px 5px 10px rgba(177, 177, 177, 1.0);
	}
	.berita-banner .card-body{
		padding: 0px;
	}
	.berita-banner img{
		max-width: 100%;
		max-height: 100%;
		border-top-left-radius: 12px;
		border-top-right-radius: 12px;
	}
	.berita-banner .card-body-berita-text{
		padding: 20px;
	}
	.berita-page .card-body-berita-text{
		margin-top: 40px;
	}
	.berita-banner .card-body-berita-text h5{
		color: #dc3545;
		font-weight: bold;
		font-size: 5vw;
	}
	.berita-banner .card-body-berita-text p{
		color: #666666;
		line-height: 25px;
		margin: 0 0 15px;
		font-size: 3vw;
		text-transform: none;
		font-weight: 400;
	}
	.berita-banner .card-body-berita-text a{
		font-size: 3vw;
		font-weight: 600;

	}
	/*halaman berita */
	.berita-page{
		margin-top: 40px;
	}
	.berita-page .card{
		border: 0;
		margin-bottom: 40px;
	}
	.breadcrumb{
		margin-bottom: 40px;
	}
	.breadcrumb a{
		color: #000;
		font-size: 3.5vw;
	}
	.breadcrumb a:hover{
		text-decoration: none;
	}
	.breadcrumb-item+.breadcrumb-item::before {
		display: inline-block;
		padding-right: .5rem;
		color: #12cc6e;
		content: "/";
	}
	.berita-page img{
		max-width: 100%;
		max-height: 100%;
	}
	.berita-page h3{
		font-weight: bold;
		padding-bottom: 12px;
		font-size: 5vw;
		text-align: center;
	}
	.berita-page h4{
		font-weight: bold;
		padding-bottom: 12px;
		font-size: 5vw;
	}
	.berita-page .card-body-berita-text{
		margin-top: 60px;
	}
	.berita-page .card-body-berita-text p{
		line-height: 26px;
		color: #666666;
		margin: 0 0 15px;
		font-size: 3.5vw;
		text-transform: none;
		font-weight: 400;
	}
	.item{
		width: 100%;
		height: 100%;
		margin: 12px;
	}
	.item img{
		max-width: 100%;
		max-height: 100%;
	}
	/*halaman berita */
	/* footer */
	footer{
		width: 100%;
		height: 100%;
		background: #dc3545;
		margin-top: 15px;
	}
	footer h3{
		color: #fff;
		margin-top: 12px;
		font-weight: bold;
		font-size: 5vw;
		text-align: center;
	}
	.footer-img{
		margin-top: 5px;
		display: flex;
		flex-direction: column;
	}
	footer img{
		margin: 0 14px;
		width: 150px;
	}
	.footer-identity{
		border-top: 1px dashed #fff;
		padding-top: 10px;
		margin-top: 35px;
	}
	.footer-identity h6{
		text-align: center;
		font-size: 4vw;
	}
	/* footer */
}

@media only screen and (min-width : 595px) and (max-width : 690px){
	/* first-banner */
	.bg-banner{
		width: 100%;
		height: 100%;
		display: flex;
		flex-direction: column;
		align-items: center;
		background-color: #dc3545;
		padding-top: 20px;
	}
	.first-banner{
		width: 100%;
		height: 100%;
		display: flex;
		flex-direction: column;
		justify-content: center;
		padding: 20px;
		margin-bottom: 30px;
	}
	.first-banner-img{
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
		height: 100%;
		padding: 0px;
	}
	.first-banner-img img{
		width: 100%;
		height: 100%;
		z-index: 999;
	}
	.first-banner-text{
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
		height: 100%;
		padding: 0px;
	}
	.first-banner-text .card{
		margin-top: 60px;
		width: 100%;
		height: 100%;
		border: 0px;
		box-shadow: 0px 5px 10px rgba(177, 177, 177, 1.0);
		border-radius: 12px;
	}
	.first-banner-text .card h2{
		font-weight: bold;
		font-size: 6vw;
	}
	.first-card-text{
		width: 100%;
		height: 100%;
		margin-top: 16px;
		padding: 12px;
	}
	.form-group-text{
		display: flex;
		width: 100%;
	}
	.form-group-text h6{
		margin-bottom: 10px;
		margin-right: 3px;
		font-size: 3.8vw;
	}
	.first-card-text p{
		width: 100%;
		font-size: 3vw;
		margin-bottom: 0px;
		padding-bottom: 10px;
		border-bottom: 2px solid #dc3545;
	}
	svg {
		display: block;
		z-index: -2;
	}
	/* first-banner */

	/* second-banner */
	.second-banner{
		width: 100%;
		height: 100%;
		margin-top: 30px;
		display: flex;
		flex-direction: column;

	}
	.second-banner h2{
		font-weight: bold;
		display: flex;
		text-align: center;
		font-size: 6vw;
		justify-content: center;
		align-items: center;
	}

	.second-banner h2::before{
		background: transparent none repeat scroll 0 0;
		bottom: -415px;
		content: "";
		height: 2px;
		left: 50%;
		margin-left: -40px;
		position: absolute;
		width: 40px;
		z-index: 1;
	}
	.second-banner h2::after{
		background: transparent none repeat scroll 0 0;
		bottom: -415px;
		content: "";
		height: 2px;
		left: 50%;
		margin-left: 5px;
		position: absolute;
		width: 40px;
	}
	.prestasi-banner{
		width: 100%;
		height: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
		margin-top: 0px;
		padding: 20px;
	}
	.prestasi-banner .card{
		display: flex;
		width: 100%;
		height: 100%;
		border-radius: 12px;
		border: 0;
		margin-top: 35px;
		box-shadow: 0px 5px 10px rgba(177, 177, 177, 1.0);
	}
	.prestasi-banner .card-body{
		display: flex;
		flex-direction: column;
		width: 100%;
	}
	.prestasi-img{
		width: 100%;
		height: 100%;
		display: flex;
		padding-right: 0px;
	}
	.prestasi-img img{
		max-width: 100%;
		max-height: 100%;
	}
	.prestasi-text{
		width: 100%;
		margin-top: 15px;
	}
	.prestasi-text h5{
		font-weight: bold;
		font-size: 4vw;
		text-align: center;
	}
	.form-group-prestasi{
		padding-bottom: 14px;
		display: flex;
		justify-content: center;
		border-bottom: 2px solid #dc3545;
	}
	.form-group-prestasi p{
		margin: 0 6px;
		font-size: 3.5vw;
	}
	.form-group-prestasi p i{
		margin-right: 4px;
		font-size: 3.5vw;
	}
	.prestasi-text-body P{
		font-size: 3vw;
		margin-bottom: 0px;
		margin-top: 0px;
		line-height: 20px;
	}

	.prestasi-banner a{
		margin-top: 40px;
		font-size: 4vw;
	}
	/* second-banner */

	/* prestasi-page */
	.second-banner-page{
		width: 100%;
		height: 100%;
		margin-top: 30px;
		display: flex;
		flex-direction: column;

	}
	.second-banner-page h2{
		font-weight: bold;
		display: flex;
		justify-content: center;
		text-align: center;
		align-items: center;
		font-size: 7vw;
	}

	.second-banner-page h2::before{
		background: transparent none repeat scroll 0 0;
		bottom: 460px;
		content: "";
		height: 2px;
		left: 50%;
		margin-left: -40px;
		position: absolute;
		width: 40px;
		z-index: 1;
	}
	.second-banner-page h2::after{
		background: transparent none repeat scroll 0 0;
		bottom: 460px;
		content: "";
		height: 2px;
		left: 50%;
		margin-left: 5px;
		position: absolute;
		width: 40px;
	}
	.prestasi-img-page{
		width: 100%;
		display: flex;
	}
	.prestasi-img-page img{
		width: 100%;
		height: 150px;
	}
	.prestasi-text-page{
		width: 100%;
	}
	.prestasi-text-page h6{
		font-weight: bold;
		text-align: center;
		font-size: 5vw;
	}
	.form-group-prestasi-page{
		padding-bottom: 14px;
		display: flex;
		border-bottom: 2px solid #dc3545;
	}
	.form-group-prestasi-page p{
		margin: 0 6px;
		font-size: 3.5vw;
	}
	.form-group-prestasi-page p i{
		margin-right: 4px;
		font-size: 14px;
	}
	.prestasi-text-body{
		font-size: 14px;
		margin-top: 20px;
		line-height: 25px;
	}
	/* prestasi-page */

	.bg-berita{
		padding-top: 0px;
		margin-bottom: 40px;
	}
	.bg-berita h2{
		font-weight: bold;
		display: flex;
		text-align: center;
		font-size: 6vw;
		justify-content: center;
		align-items: center;
	}
	.bg-berita h2::before{
		background: transparent none repeat scroll 0 0;
		bottom: -930px;
		content: "";
		height: 2px;
		left: 50%;
		margin-left: -40px;
		position: absolute;
		width: 40px;
		z-index: 1;
	}
	.bg-berita h2::after{
		background: transparent none repeat scroll 0 0;
		bottom: -930px;
		content: "";
		height: 2px;
		left: 50%;
		margin-left: 5px;
		position: absolute;
		width: 40px;
	}
	.berita-banner{
		width: 100%;
		height: 100%;
		display: flex;
		justify-content: center;
		padding: 10px 20px 0px 20px;
	}
	.berita-banner .card{
		width: 100%;
		height: 95%;
		margin-top: 10px;
		border: 0;
		border-radius: 12px;
		box-shadow: 0px 5px 10px rgba(177, 177, 177, 1.0);
	}
	.berita-banner .card-body{
		padding: 0px;
	}
	.berita-banner img{
		max-width: 100%;
		max-height: 100%;
		border-top-left-radius: 12px;
		border-top-right-radius: 12px;
	}
	.berita-banner .card-body-berita-text{
		padding: 20px;
	}
	.berita-page .card-body-berita-text{
		margin-top: 40px;
	}
	.berita-banner .card-body-berita-text h5{
		color: #dc3545;
		font-weight: bold;
		font-size: 4vw;
	}
	.berita-banner .card-body-berita-text p{
		color: #666666;
		line-height: 25px;
		margin: 0 0 15px;
		font-size: 3vw;
		text-transform: none;
		font-weight: 400;
	}
	.berita-banner .card-body-berita-text a{
		font-size: 3vw;
		font-weight: 600;

	}
	/*halaman berita */
	.berita-page{
		margin-top: 40px;
	}
	.berita-page .card{
		border: 0;
		margin-bottom: 40px;
	}
	.breadcrumb{
		margin-bottom: 40px;
	}
	.breadcrumb a{
		color: #000;
		font-size: 3vw;
	}
	.breadcrumb a:hover{
		text-decoration: none;
	}
	.breadcrumb-item+.breadcrumb-item::before {
		display: inline-block;
		padding-right: .5rem;
		color: #12cc6e;
		content: "/";
	}
	.berita-page img{
		max-width: 100%;
		max-height: 100%;
	}
	.berita-page h3{
		font-weight: bold;
		padding-bottom: 12px;
		font-size: 4vw;
		text-align: center;
	}
	.berita-page h4{
		font-weight: bold;
		padding-bottom: 12px;
		font-size: 4vw;
	}
	.berita-page .card-body-berita-text{
		margin-top: 60px;
	}
	.berita-page .card-body-berita-text p{
		line-height: 28px;
		color: #666666;
		margin: 0 0 15px;
		font-size: 3vw;
		text-transform: none;
		font-weight: 400;
	}
	.item{
		width: 100%;
		height: 100%;
		margin: 12px;
	}
	.item img{
		max-width: 100%;
		max-height: 100%;
	}
	/*halaman berita */
	/* footer */
	footer{
		width: 100%;
		height: 100%;
		background: #dc3545;
		margin-top: 15px;
	}
	footer h3{
		color: #fff;
		margin-top: 12px;
		font-weight: bold;
		font-size: 5vw;
		text-align: center;
	}
	.footer-img{
		margin-top: 5px;
		display: flex;
		flex-direction: column;
	}
	footer img{
		margin: 0 14px;
		width: 150px;
	}
	.footer-identity{
		border-top: 1px dashed #fff;
		padding-top: 10px;
		margin-top: 35px;
	}
	.footer-identity h6{
		text-align: center;
		font-size: 4vw;
	}
	/* footer */
}

@media only screen and (min-width : 690px) and (max-width : 800px){
	/* first-banner */
	.bg-banner{
		width: 100%;
		height: 100%;
		display: flex;
		flex-direction: column;
		align-items: center;
		background-color: #dc3545;
		padding-top: 20px;
	}
	.first-banner{
		width: 100%;
		height: 100%;
		display: flex;
		flex-direction: column;
		justify-content: center;
		padding: 20px;
		margin-bottom: 30px;
	}
	.first-banner-img{
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
		height: 100%;
		padding: 0px;
	}
	.first-banner-img img{
		width: 100%;
		height: 100%;
		z-index: 999;
	}
	.first-banner-text{
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
		height: 100%;
		padding: 0px;
	}
	.first-banner-text .card{
		margin-top: 60px;
		width: 100%;
		height: 100%;
		border: 0px;
		box-shadow: 0px 5px 10px rgba(177, 177, 177, 1.0);
		border-radius: 12px;
	}
	.first-banner-text .card h2{
		font-weight: bold;
		font-size: 6vw;
	}
	.first-card-text{
		width: 100%;
		height: 100%;
		margin-top: 16px;
		padding: 12px;
	}
	.form-group-text{
		display: flex;
		width: 100%;
	}
	.form-group-text h6{
		margin-bottom: 10px;
		margin-right: 3px;
		font-size: 3.8vw;
	}
	.first-card-text p{
		width: 100%;
		font-size: 2.5vw;
		margin-bottom: 0px;
		padding-bottom: 10px;
		border-bottom: 2px solid #dc3545;
	}
	svg {
		display: block;
		z-index: -2;
	}
	/* first-banner */

	/* second-banner */
	.second-banner{
		width: 100%;
		height: 100%;
		margin-top: 30px;
		display: flex;
		flex-direction: column;

	}
	.second-banner h2{
		font-weight: bold;
		display: flex;
		text-align: center;
		font-size: 6vw;
		justify-content: center;
		align-items: center;
	}

	.second-banner h2::before{
		background: transparent none repeat scroll 0 0;
		bottom: -415px;
		content: "";
		height: 2px;
		left: 50%;
		margin-left: -40px;
		position: absolute;
		width: 40px;
		z-index: 1;
	}
	.second-banner h2::after{
		background: transparent none repeat scroll 0 0;
		bottom: -415px;
		content: "";
		height: 2px;
		left: 50%;
		margin-left: 5px;
		position: absolute;
		width: 40px;
	}
	.prestasi-banner{
		width: 100%;
		height: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
		margin-top: 0px;
		padding: 20px;
	}
	.prestasi-banner .card{
		display: flex;
		width: 100%;
		height: 100%;
		border-radius: 12px;
		border: 0;
		margin-top: 35px;
		box-shadow: 0px 5px 10px rgba(177, 177, 177, 1.0);
	}
	.prestasi-banner .card-body{
		display: flex;
		flex-direction: column;
		width: 100%;
	}
	.prestasi-img{
		width: 100%;
		height: 100%;
		display: flex;
		padding-right: 0px;
	}
	.prestasi-img img{
		max-width: 100%;
		max-height: 100%;
	}
	.prestasi-text{
		width: 100%;
		margin-top: 15px;
	}
	.prestasi-text h5{
		font-weight: bold;
		font-size: 4vw;
		text-align: center;
	}
	.form-group-prestasi{
		padding-bottom: 14px;
		display: flex;
		justify-content: center;
		border-bottom: 2px solid #dc3545;
	}
	.form-group-prestasi p{
		margin: 0 6px;
		font-size: 3.5vw;
	}
	.form-group-prestasi p i{
		margin-right: 4px;
		font-size: 3.5vw;
	}
	.prestasi-text-body P{
		font-size: 2.5vw;
		margin-bottom: 0px;
		margin-top: 0px;
		line-height: 20px;
	}

	.prestasi-banner a{
		margin-top: 40px;
		font-size: 3vw;
	}
	/* second-banner */

	/* prestasi-page */
	.second-banner-page{
		width: 100%;
		height: 100%;
		margin-top: 30px;
		display: flex;
		flex-direction: column;

	}
	.second-banner-page h2{
		font-weight: bold;
		display: flex;
		justify-content: center;
		text-align: center;
		align-items: center;
		font-size: 7vw;
	}

	.second-banner-page h2::before{
		background: transparent none repeat scroll 0 0;
		bottom: 460px;
		content: "";
		height: 2px;
		left: 50%;
		margin-left: -40px;
		position: absolute;
		width: 40px;
		z-index: 1;
	}
	.second-banner-page h2::after{
		background: transparent none repeat scroll 0 0;
		bottom: 460px;
		content: "";
		height: 2px;
		left: 50%;
		margin-left: 5px;
		position: absolute;
		width: 40px;
	}
	.prestasi-img-page{
		width: 100%;
		display: flex;
	}
	.prestasi-img-page img{
		width: 100%;
		height: 150px;
	}
	.prestasi-text-page{
		width: 100%;
	}
	.prestasi-text-page h6{
		font-weight: bold;
		text-align: center;
		font-size: 5vw;
	}
	.form-group-prestasi-page{
		padding-bottom: 14px;
		display: flex;
		border-bottom: 2px solid #dc3545;
	}
	.form-group-prestasi-page p{
		margin: 0 6px;
		font-size: 3.5vw;
	}
	.form-group-prestasi-page p i{
		margin-right: 4px;
		font-size: 14px;
	}
	.prestasi-text-body{
		font-size: 14px;
		margin-top: 20px;
		line-height: 25px;
	}
	/* prestasi-page */

	.bg-berita{
		padding-top: 0px;
		margin-bottom: 40px;
	}
	.bg-berita h2{
		font-weight: bold;
		display: flex;
		text-align: center;
		font-size: 6vw;
		justify-content: center;
		align-items: center;
	}
	.bg-berita h2::before{
		background: transparent none repeat scroll 0 0;
		bottom: -930px;
		content: "";
		height: 2px;
		left: 50%;
		margin-left: -40px;
		position: absolute;
		width: 40px;
		z-index: 1;
	}
	.bg-berita h2::after{
		background: transparent none repeat scroll 0 0;
		bottom: -930px;
		content: "";
		height: 2px;
		left: 50%;
		margin-left: 5px;
		position: absolute;
		width: 40px;
	}
	.berita-banner{
		width: 100%;
		height: 100%;
		display: flex;
		justify-content: center;
		padding: 10px 20px 0px 20px;
	}
	.berita-banner .card{
		width: 100%;
		height: 95%;
		margin-top: 10px;
		border: 0;
		border-radius: 12px;
		box-shadow: 0px 5px 10px rgba(177, 177, 177, 1.0);
	}
	.berita-banner .card-body{
		padding: 0px;
	}
	.berita-banner img{
		max-width: 100%;
		max-height: 100%;
		border-top-left-radius: 12px;
		border-top-right-radius: 12px;
	}
	.berita-banner .card-body-berita-text{
		padding: 20px;
	}
	.berita-page .card-body-berita-text{
		margin-top: 40px;
	}
	.berita-banner .card-body-berita-text h5{
		color: #dc3545;
		font-weight: bold;
		font-size: 4vw;
	}
	.berita-banner .card-body-berita-text p{
		color: #666666;
		line-height: 26px;
		margin: 0 0 15px;
		font-size: 2.5vw;
		text-transform: none;
		font-weight: 400;
	}
	.berita-banner .card-body-berita-text a{
		font-size: 2.5vw;
		font-weight: 600;

	}
	/* footer */
	footer{
		width: 100%;
		height: 100%;
		background: #dc3545;
		margin-top: 15px;
	}
	footer h3{
		color: #fff;
		margin-top: 12px;
		font-weight: bold;
		font-size: 5vw;
		text-align: center;
	}
	.footer-img{
		margin-top: 5px;
		display: flex;
		flex-direction: column;
	}
	footer img{
		margin: 0 14px;
		width: 150px;
	}
	.footer-identity{
		border-top: 1px dashed #fff;
		padding-top: 10px;
		margin-top: 35px;
	}
	.footer-identity h6{
		text-align: center;
		font-size: 4vw;
	}
	/* footer */
}

@media only screen and (min-width : 800px) and (max-width : 1000px){
	/* first-banner */
	.bg-banner{
		width: 100%;
		height: 100%;
		display: flex;
		flex-direction: column;
		align-items: center;
		background-color: #dc3545;
		padding-top: 20px;
	}
	.first-banner{
		width: 100%;
		height: 100%;
		display: flex;
		flex-direction: column;
		justify-content: center;
		padding: 20px;
		margin-bottom: 30px;
	}
	.first-banner-img{
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
		height: 100%;
		padding: 0px;
	}
	.first-banner-img img{
		width: 100%;
		height: 100%;
		z-index: 999;
	}
	.first-banner-text{
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
		height: 100%;
		padding: 0px;
	}
	.first-banner-text .card{
		margin-top: 60px;
		width: 100%;
		height: 100%;
		border: 0px;
		box-shadow: 0px 5px 10px rgba(177, 177, 177, 1.0);
		border-radius: 12px;
	}
	.first-banner-text .card h2{
		font-weight: bold;
		font-size: 6vw;
	}
	.first-card-text{
		width: 100%;
		height: 100%;
		margin-top: 16px;
		padding: 12px;
	}
	.form-group-text{
		display: flex;
		width: 100%;
	}
	.form-group-text h6{
		margin-bottom: 10px;
		margin-right: 3px;
		font-size: 3.8vw;
	}
	.first-card-text p{
		width: 100%;
		font-size: 2.5vw;
		margin-bottom: 0px;
		padding-bottom: 10px;
		border-bottom: 2px solid #dc3545;
	}
	svg {
		display: block;
		z-index: -2;
	}
	/* first-banner */

	/* second-banner */
	.second-banner{
		width: 100%;
		height: 100%;
		margin-top: 30px;
		display: flex;
		flex-direction: column;

	}
	.second-banner h2{
		font-weight: bold;
		display: flex;
		text-align: center;
		font-size: 6vw;
		justify-content: center;
		align-items: center;
	}

	.second-banner h2::before{
		background: transparent none repeat scroll 0 0;
		bottom: -415px;
		content: "";
		height: 2px;
		left: 50%;
		margin-left: -40px;
		position: absolute;
		width: 40px;
		z-index: 1;
	}
	.second-banner h2::after{
		background: transparent none repeat scroll 0 0;
		bottom: -415px;
		content: "";
		height: 2px;
		left: 50%;
		margin-left: 5px;
		position: absolute;
		width: 40px;
	}
	.prestasi-banner{
		width: 100%;
		height: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
		margin-top: 0px;
		padding: 20px;
	}
	.prestasi-banner .card{
		display: flex;
		width: 100%;
		height: 100%;
		border-radius: 12px;
		border: 0;
		margin-top: 35px;
		box-shadow: 0px 5px 10px rgba(177, 177, 177, 1.0);
	}
	.prestasi-banner .card-body{
		display: flex;
		flex-direction: column;
		width: 100%;
	}
	.prestasi-img{
		width: 100%;
		height: 100%;
		display: flex;
		padding-right: 0px;
	}
	.prestasi-img img{
		max-width: 100%;
		max-height: 100%;
	}
	.prestasi-text{
		width: 100%;
		margin-top: 15px;
	}
	.prestasi-text h5{
		font-weight: bold;
		font-size: 4vw;
		text-align: center;
	}
	.form-group-prestasi{
		padding-bottom: 14px;
		display: flex;
		justify-content: center;
		border-bottom: 2px solid #dc3545;
	}
	.form-group-prestasi p{
		margin: 0 6px;
		font-size: 3.5vw;
	}
	.form-group-prestasi p i{
		margin-right: 4px;
		font-size: 3.5vw;
	}
	.prestasi-text-body P{
		font-size: 2.5vw;
		margin-bottom: 0px;
		margin-top: 0px;
		line-height: 20px;
	}

	.prestasi-banner a{
		margin-top: 40px;
		font-size: 3vw;
	}
	/* second-banner */

	/* prestasi-page */
	.second-banner-page{
		width: 100%;
		height: 100%;
		margin-top: 30px;
		display: flex;
		flex-direction: column;

	}
	.second-banner-page h2{
		font-weight: bold;
		display: flex;
		justify-content: center;
		text-align: center;
		align-items: center;
		font-size: 7vw;
	}

	.second-banner-page h2::before{
		background: transparent none repeat scroll 0 0;
		bottom: 460px;
		content: "";
		height: 2px;
		left: 50%;
		margin-left: -40px;
		position: absolute;
		width: 40px;
		z-index: 1;
	}
	.second-banner-page h2::after{
		background: transparent none repeat scroll 0 0;
		bottom: 460px;
		content: "";
		height: 2px;
		left: 50%;
		margin-left: 5px;
		position: absolute;
		width: 40px;
	}
	.prestasi-img-page{
		width: 100%;
		display: flex;
	}
	.prestasi-img-page img{
		width: 100%;
		height: 150px;
	}
	.prestasi-text-page{
		width: 100%;
	}
	.prestasi-text-page h6{
		font-weight: bold;
		text-align: center;
		font-size: 5vw;
	}
	.form-group-prestasi-page{
		padding-bottom: 14px;
		display: flex;
		border-bottom: 2px solid #dc3545;
	}
	.form-group-prestasi-page p{
		margin: 0 6px;
		font-size: 3.5vw;
	}
	.form-group-prestasi-page p i{
		margin-right: 4px;
		font-size: 14px;
	}
	.prestasi-text-body{
		font-size: 14px;
		margin-top: 20px;
		line-height: 25px;
	}
	/* prestasi-page */

	.bg-berita{
		padding-top: 0px;
		margin-bottom: 40px;
	}
	.bg-berita h2{
		font-weight: bold;
		display: flex;
		text-align: center;
		font-size: 6vw;
		justify-content: center;
		align-items: center;
	}
	.bg-berita h2::before{
		background: transparent none repeat scroll 0 0;
		bottom: -930px;
		content: "";
		height: 2px;
		left: 50%;
		margin-left: -40px;
		position: absolute;
		width: 40px;
		z-index: 1;
	}
	.bg-berita h2::after{
		background: transparent none repeat scroll 0 0;
		bottom: -930px;
		content: "";
		height: 2px;
		left: 50%;
		margin-left: 5px;
		position: absolute;
		width: 40px;
	}
	.berita-banner{
		width: 100%;
		height: 100%;
		display: flex;
		justify-content: center;
		padding: 10px 20px 0px 20px;
	}
	.berita-banner .card{
		width: 100%;
		height: 95%;
		margin-top: 10px;
		border: 0;
		border-radius: 12px;
		box-shadow: 0px 5px 10px rgba(177, 177, 177, 1.0);
	}
	.berita-banner .card-body{
		padding: 0px;
	}
	.berita-banner img{
		max-width: 100%;
		max-height: 100%;
		border-top-left-radius: 12px;
		border-top-right-radius: 12px;
	}
	.berita-banner .card-body-berita-text{
		padding: 20px;
	}
	.berita-page .card-body-berita-text{
		margin-top: 40px;
	}
	.berita-banner .card-body-berita-text h5{
		color: #dc3545;
		font-weight: bold;
		font-size: 4vw;
	}
	.berita-banner .card-body-berita-text p{
		color: #666666;
		line-height: 26px;
		margin: 0 0 15px;
		font-size: 2.5vw;
		text-transform: none;
		font-weight: 400;
	}
	.berita-banner .card-body-berita-text a{
		font-size: 2.5vw;
		font-weight: 600;

	}
	/* footer */
	footer{
		width: 100%;
		height: 100%;
		background: #dc3545;
		margin-top: 15px;
	}
	footer h3{
		color: #fff;
		margin-top: 12px;
		font-weight: bold;
		font-size: 5vw;
		text-align: center;
	}
	.footer-img{
		margin-top: 5px;
		display: flex;
		flex-direction: column;
	}
	footer img{
		margin: 0 14px;
		width: 150px;
	}
	.footer-identity{
		border-top: 1px dashed #fff;
		padding-top: 10px;
		margin-top: 35px;
	}
	.footer-identity h6{
		text-align: center;
		font-size: 4vw;
	}
	/* footer */
}
@media only screen and (min-width : 1000px) and (max-width : 1024px){/* first-banner */
	.bg-banner{
		width: 100%;
		height: 500px;
		background-color: #dc3545;
	}
	.first-banner{
		width: 100%;
		height: 100%;
		display: flex;
		justify-content: center;
		padding: 50px;
		margin-bottom: 30px;
	}
	.first-banner-img{
		display: flex;
		justify-content: center;
		align-items: center;
		width: 55%;
		height: 500px;
		padding: 25px;
	}
	.first-banner-img img{
		width: 100%;
		height: 100%;
		z-index: 999;
	}
	.first-banner-text{
		display: flex;
		justify-content: center;
		align-items: center;
		width: 45%;
		height: 500px;
		padding: 25px;
	}
	.first-banner-text .card{
		margin-top: 60px;
		width: 100%;
		border: 0px;
		box-shadow: 0px 5px 10px rgba(177, 177, 177, 1.0);
		border-radius: 12px;
	}
	.first-banner-text .card h2{
		font-weight: bold;
		text-align: center;
		font-size: 3vw;
	}
	.first-card-text{
		width: 100%;
		height: 100%;
		margin-top: 16px;
		padding: 12px;
	}
	.form-group-text{
		display: flex;
		width: 100%;
	}
	.form-group-text h6{
		margin-bottom: 16px;
		margin-right: 8px;
	}
	.first-card-text p{
		width: 100%;
		font-size: 14px;
		margin-bottom: 0px;
		padding-bottom: 10px;
		border-bottom: 2px solid #dc3545;
	}
	svg {
		display: block;
		z-index: -2;
	}
	/* first-banner */

	/* second-banner */
	.second-banner{
		width: 100%;
		height: 500px;
		margin-top: 30px;
		display: flex;
		flex-direction: column;

	}
	.second-banner h2{
		font-weight: bold;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.second-banner h2::before{
		background: transparent none repeat scroll 0 0;
		bottom: -130px;
		content: "";
		height: 2px;
		left: 50%;
		margin-left: -40px;
		position: absolute;
		width: 40px;
		z-index: 1;
	}
	.second-banner h2::after{
		background: transparent none repeat scroll 0 0;
		bottom: -130px;
		content: "";
		height: 2px;
		left: 50%;
		margin-left: 5px;
		position: absolute;
		width: 40px;
	}
	.prestasi-banner{
		width: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
		margin-top: 20px;
	}
	.prestasi-banner .card{
		display: flex;
		width: 100%;
		border-radius: 12px;
		border: 0;
		margin-top: 35px;
		box-shadow: 0px 5px 10px rgba(177, 177, 177, 1.0);
	}
	.prestasi-banner .card-body{
		display: flex;
		width: 100%;
	}
	.prestasi-img{
		width: 45%;
		display: flex;
	}
	.prestasi-img img{
		width: 350px;
		height: 100%;
	}
	.prestasi-text{
		width: 50%;
	}
	.prestasi-text h5{
		font-weight: bold;
	}
	.form-group-prestasi{
		padding-bottom: 14px;
		display: flex;
		border-bottom: 2px solid #dc3545;
	}
	.form-group-prestasi p{
		margin: 0 6px;
	}
	.form-group-prestasi p i{
		margin-right: 4px;
	}
	.prestasi-text-body{
		font-size: 14px;
		margin-top: 20px;
		line-height: 25px;
	}

	.prestasi-banner a{
		margin-top: 40px;
	}
	/* second-banner */

	/* prestasi-page */
	.second-banner-page{
		width: 100%;
		height: 100%;
		margin-top: 30px;
		display: flex;
		flex-direction: column;

	}
	.second-banner-page h2{
		font-weight: bold;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.second-banner-page h2::before{
		background: transparent none repeat scroll 0 0;
		bottom: 460px;
		content: "";
		height: 2px;
		left: 50%;
		margin-left: -40px;
		position: absolute;
		width: 40px;
		z-index: 1;
	}
	.second-banner-page h2::after{
		background: transparent none repeat scroll 0 0;
		bottom: 460px;
		content: "";
		height: 2px;
		left: 50%;
		margin-left: 5px;
		position: absolute;
		width: 40px;
	}
	.prestasi-img-page{
		width: 45%;
		display: flex;
	}
	.prestasi-img-page img{
		width: 180px;
		height: 100%;
	}
	.prestasi-text-page{
		width: 50%;
	}
	.prestasi-text-page h6{
		font-weight: bold;
	}
	.form-group-prestasi-page{
		padding-bottom: 14px;
		display: flex;
		border-bottom: 2px solid #dc3545;
	}
	.form-group-prestasi-page p{
		margin: 0 6px;
		font-size: 14px;
	}
	.form-group-prestasi-page p i{
		margin-right: 4px;
		font-size: 14px;
	}
	.prestasi-text-body{
		font-size: 14px;
		margin-top: 20px;
		line-height: 25px;
	}
	/* prestasi-page */

	/* footer */
	footer{
		width: 100%;
		height: 300px;
		background: #dc3545;
		margin-top: 15px;
	}
	footer h3{
		color: #fff;
		margin-top: 12px;
		font-weight: bold;
	}
	.footer-img{
		margin-top: 30px;
		display: flex;
	}
	footer img{
		margin: 0 14px;
		width: 150px;
	}
	.footer-identity{
		border-top: 1px dashed #fff;
		padding-top: 10px;
		margin-top: 35px;
	}
	/* footer */
}

/* responsive */