.tombol {
	border-radius: 15px;;
}

.jumbotron {
    margin-top: 55px;
	background-color: #1f776c;
	background-size: cover;
	height: 210px;
}

.jumbotron .display-4 {
	color: black;
	text-align: center;
	font-weight: 500;
	line-height: 100px;
	font-family: papyrus;
}

.jumbotron .lead {
	color: black;
	text-align: center;
	font-weight: 200;
	margin-top: -20px;
}

.info-panel {
	box-shadow: 0 3px 20px rgba(0, 0, 0, 0.5);
	border-radius: 12px;
	background-color: white;
	padding: 20px;
	margin-top: 40px;
}

.info-panel img {
	width: 50px;
	height: 50px;
	margin-right: 20px;
	margin-bottom: 20px;
}

.info-spanel h4 {
	font-size: 16px;
	font-weight: bold;
	margin-top: 5px;
}

.info-panel p {
	font-size: 14px;

}

.isi {
	text-align: center;
	font-size: 14px;
	border-radius: 10px;
	width: 100px;
	padding: 10px;
	margin-right: 4px;
}

.chp {
	text-align: center;
	font-size: 14px;
	border-radius: 10px;
	width: 300px;
	padding: 10px;
	margin-right: 4px;
}

.belum {
	text-align: left;
	font-size: 20px;
	margin-top: 60px;
	background-color: #B6C1CD;
	font-weight: bold;
}

.sudah {
	text-align: left;
	font-size: 20px;
	margin-top: 10px;
	background-color: #B6C1CD;
	font-weight: bold;
}


/* Desktop Version */
@media (min-width: 992px){
    .jumbotron {
        margin-top: 55px;
    	background-color: #1f776c;
    	background-size: cover;
    	height: 300px;
    }
    
    .jumbotron .display-4 {
    	color: black;
    	text-align: center;
    	font-weight: 500;
    	line-height: 200px;
    	font-family: papyrus;
    }
    
    .jumbotron .lead {
    	color: black;
    	text-align: center;
    	font-weight: 200;
    	margin-top: -50px;
    }
}