/*JUMBOTRON---------------------------------------------------------------*/

.jumb table td h2{
	font-size: 40px;
	letter-spacing: 2px;
	font-weight: bold;
}
.jumb table td h5{
	font-size: 25px;
	font-weight: bold;
	letter-spacing: 5px;
	margin-top: -10px;
}

.jumb table td p{
	font-size: 15px;
	margin-top: -5px;
	letter-spacing: 1px;

}

				@media (max-width:891px) {
				.jumb table td img{
					width: 80px;
					}

				 .jumb table td h2{
					font-size: 11px;
					letter-spacing: 2px;
					margin-top: 15px;
					}

					.jumb table td h5{
					font-size: 10px;
					font-weight: 400;
					letter-spacing: 5px;
					margin-top: -10px;
					}

					.jumb table td p{
						font-size: 7px;
						margin-top: -5px;
						letter-spacing: 1px;
					}
				}





/*NAV---------------------------------------------------------------*/
.nav a {
	color: white;
	font-weight: bold;
}

.nav-item a:hover{
color: white;
}

.nav-item a:hover::after{
  content: '' ;
  display: block;
  border-bottom: 2px solid white;
  width: 50%;
  margin: auto;
  padding-bottom: 3px;
  margin-bottom: -5px;
}

@media (max-width:591px) {
	.nav a {
	color: white;
	font-size: 8px;
}
}


/*NAV---------------------------------------------------------------*/

.isi-kiri{
width: 90%;
height: auto;
padding: 20px;
border-radius: 15px;
margin: auto;
box-shadow: 0 10px 29px 10px rgba(68, 88, 144, 0.1);
background-image: url(../img/hero-bg2.png) ;
transition: all 0.9s ease-in-out;
margin-top: 20px;

}
.isi-kiri:hover{
transform: translateY(19px);
}

.isi-kiri h4{
	font-weight: bold;
}


.isi-kanan{
width: 90%;
height: auto;
padding: 20px;
border-radius: 15px;
margin: auto;
box-shadow: 0 10px 29px 10px rgba(68, 88, 144, 0.1);
background-image: url(../img/hero-bg2.png) ;
transition: all 0.9s ease-in-out;
margin-top: 20px;

}
.isi-kanan:hover{
transform: translateY(19px);
}

.isi-kanan h4{
	font-weight: bold;
}


.isi-kanan form{
	padding: 20px;
}




/*TOMBOL ALL ----------------------------------------------------------*/
.btn {
  border: none;
  padding: 7px 20px !important;
  border-radius: 10px;
  
}

.btn.btn-primary {
  background: linear-gradient(-45deg, #000033, #274685); 
  color: #fff;
  box-shadow: 90px 10px 90px 0 rgba(0, 0, 0, 0.15);
  font-weight: bold;
}

.btn:hover{
  background: linear-gradient(-45deg, #000033, #061e4e); 
}




/*---------------------------------  HALAMAN STRUKKK ----------------------------------------------------------*/

.struk{
	width: 320px;
	height: auto;
	border: 3px solid #000033 ;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	
}

.struk table td h2{
	font-size: 11px;
	letter-spacing: 2px;
	font-weight: bold;
}
.struk table td h5{
	font-size: 8px;
	font-weight: bold;
	letter-spacing: 5px;
	margin-top: -10px;
}

.struk table td p{
	font-size: 7px;
	margin-top: -5px;
	letter-spacing: 1px;

}

.struk .noan h3{
	font-weight: bold;
	font-size: 23px;
}

.struk .noan h1{
	font-weight: bold;
	font-size: 70px;
}

.struk .noan h4{
	font-size: 30px;
	letter-spacing: 2px;
}

.struk .noan h5{
	font-weight: bold;
	font-size: 20px;
}

.struk .penutup p{
	
	text-transform: uppercase;
}
.struk .penutup h3{
	font-weight: bold;
	font-size: 25px;
}