html {
	position: relative;
}

body {
	margin-bottom: 120px;
	

}

hr {
	width: 250px;
	border-top: 2px solid #999;
}

section {
	min-height: 600px;
}

.portfolio {
	background-color: #eee;
}

.contact {
	min-height: 800px;
}

footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 120px;
	background-color: #333;
	padding-top: 30px;
}

footer p {
	color: #aaa;
	font-size: 0.9em;
}

footer p i {
	color: salmon;
}

#about{
	margin-top:50px;
}

#about table{
	
	width:100%;
	height:50px;
}
#about table tr{
		
}

#about table td{
	
	
	text-align:center;
	
}
#about table td a{
	
	width:100%;
	height:49px;
}
.jarak{
	margin-top:5px;
}
.gang{
	margin-top:20px;
}

.status{
	font-size:6pt;
}

.mesin{
	border:2px solid #d0d0d0;
	padding:2px;
}
.keterangan{
	
	margin-top:15px;
	
}

.btn-running-machine{
	
	background:#18ed11;
	color:#fff;
}

.btn-mold-installation{
	
	background:#fa1414;
	color:#fff;
	
}

.btn-mold-washing{
	
	background:#ed6c11;
	color:#fff;
	
}

.btn-quality-problem{
	
	background:#1120ed;
	color:#fff;
	
}

.btn-machine-problem{
	
	background:#ed11ab;
	color:#fff;
	
}

.btn-material-delay{
	
	background:#13ede6;
	color:#fff;
	#f1f0f5
	
}
.btn-man-power{
	
	background:#918e9e;
	color:#fff;
}

.btn-broken-machine{
	
	background:#14093d;
	color:#fff;
}

.note{
	font-weight:600;
	font-size:14px;
	margin-bottom:2px;
}

.pro-img-details{
	width:510px;
	height:300px;
	padding:60px;
}
.pro-img-details h3{
	text-align:center;
	font-size:90px;
}