body 
{
	font-family: verdana;
	background: url("./img/bg520.png") no-repeat center center fixed;
	background-size: cover;
  	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	background-size: cover;
  	-o-background-size: cover;
}

/*---Navigasi Bar--*/

#nav-bar
{
	position: sticky;
	top: 0;
	z-index: 10;
}
#nav-bar li a
{
	color: #fff;
	margin:7;
}
.navbar
{
	position: absolute;
	padding: 0;
	background:linear-gradient(#000,#0000)!important;
}

.navbar-brand img 
{
	height: 80px;
	padding-left: 104px;
}
.navbar-brand li 
{
	padding: 10px;
}
.navbar-brand li a 
{
	color: #fff !important;
	font-weight: 600;

	float: right;
	text-align: left;
}
.fa-bars 
{
	color: #fff;
	font-size: 30px !important;
}
.navbar-toggler
{
	outline: none !important;
}

/*---banner--*/
#banner
{
	b
	color: #fff;
	height: 1350px;
	padding-top: 500px;
	margin-top: -500px;

	/* --- To create parallax image scroll effect ---*/
	
}
.photo-pro
{
	height: 70px;
	margin-top: 440px;
	margin-left: -15px;
	margin-bottom: 50px;
}
.date {
	margin-top: -302px;
	padding-right: 300px;
	font-size: 18px;
	color: #fff;
}
.no {

	font-size: 30px;
	margin-top: 80px;
	color: #fff;
}
.no1 {
	margin-top: 170px;
	float: right;
	
	color: #fff;
}
.name1 {

	font-size: 55px;

	margin-top: -30px;
	color: #fff;
}
.name {

	color: white;

	margin-top: -350px;

	margin-right: -100px;
	padding-top: 150px;
}
#banner a
{
	color: #fff;
	text-decoration: none;
}
.bottom-img
{
	width: 100%;
}

/*---services section---*/

#services
{
	padding: 80px 0;
	margin-left: -20px;
	background-color: black;

}
#jumbotron p img
{
	margin-top: 100px;
}
#jumbotron h1
{
	margin-top: 100px;
}
#jumbotron section
{
	margin-top: 100px;
	background-color: #000!important;
	padding-bottom: 100px;
	padding-top: 10;
}
#About h1
{
	font-size: 30px;
}
#About
{
	background-color: #000!important;
	padding:10;
	padding-top: 200px;
	padding-bottom: 200px;
}
#About .no-gutters
{
	background-color: #000!important;
}
.title 
{
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 100px;

	display: block;
}
.title-1
{
	margin-left: auto;
	margin-right: auto;
	color: #fff;
	padding-top: 50px;
	padding-bottom: 100px;
	display: block;
}

/*---footer section---*/

#Footer
{
	margin-top: -100px;
}
#Footer h6
{
	color: #fff;
}
.page
{
	color: white;
}