*
{
	margin: 0;
	padding: 0;
}

/* HEADER AND MENU */
#nav-bar
{
	position: sticky;
	top: 0;
	z-index: 10;
}

.navbar-brand img
{
	height: 30px;
	padding-left: 20px;
}

.navbar-nav li
{
	padding-right: 20px; 
}

.navbar-nav li a
{
	float: right;
	text-align: left;
}

#nav-bar ul li a:hover
{
	color: #004f98!important;
}

.navbar
{
	background: #000000;
	min-height: 50px;
}

.navbar-toggler
{
	border: none!important;
	color: white;
	position: relative;
}

.nav-link
{
	color: #FFFFFF!important;
	font-weight: 700;
	font-size: 15px;
}

/* IMAGE SLIDER */

#slider
{
	background: #000;
}

.carousel-item img
{
	filter: opacity(0.7);
}

@media screen and (max-width: 922px)
{
    #slider #caption h1
    {
        font-size: 50px;
    }
}

@media screen and (max-width: 576px)
{
    #slider #caption h1
    {
        font-size: 20px;
    }
}

/*SHORT ARTICLE*/
#article
{
	position: relative;
	width: 100%;
	padding: 50px;
	background: #000000;
}

#article h2
{
	color: #FFFFFF;
	font-weight: 500;
	padding-bottom: 10px;
	font-size: 30px;
	text-transform: uppercase;
	text-align: center;
	background: #000000;
}

#article h4
{
	color: #FFFFFF;
	font-weight: 200;
	padding-bottom: 30px;
	font-size: 15px;
	text-align: center;
	background: #000000;
}

#article p
{
	color: #FFFFFF;
	text-align: justify;
	font-size: 15px;
	font-weight: 400;
	padding-left: 100px;
	padding-right: 100px;
}

.article
{
	background-color: #000000;
	width: 100%;
}

/* GALLERY */
#gallery
{
	background-color: #000000;
}
#gallery h1
{
	text-align: center;
	padding-top: 60px;
	background: #000000;
	padding-bottom: 20px;
	color: #FFFFFF;
	font-size: 30px;
	font-weight: 400;
}

.tz-gallery
{
    padding: 40px;
	background: #000000;
}

.tz-gallery .lightbox img
{
    width: 100%;
    margin-bottom: 30px;
    transition: 0.2s ease-in-out;
    box-shadow: 0 2px 3px rgba(0,0,0,0.2);
}


.tz-gallery .lightbox img:hover
{
    transform: scale(1.05);
	filter: saturate(1.8);
    box-shadow: 0 8px 15px rgba(0,0,0,0.3);
}

.baguetteBox-button
{
    background-color: transparent !important;
}

@media(max-width: 768px)
{
    body
	{
        padding: 0;
    }

    .container.gallery-container
	{
        border-radius: 0;
    }
}

/* GALERI FOTO */
#foto
{
	background-color: #000000;
	align-content: center;
}
.tombol
{
	text-decoration: none;
	background-color: #000000;
	width: 40%;
	margin-left: 45%;
	margin-right: 45%;
	display: auto;
	padding-bottom: 50px;
}
.button 
{
	border: none;
	color: #000000;
	padding: 16px 32px;
	text-align: center;
	text-decoration: none;
	font-size: 16px;
	margin: 4px 2px;
	transition-duration: 0.4s;
	cursor: pointer;
}

a{
	text-decoration: none;
	align-items: center;
}
  
.button2 
{
	background-color: #000000; 
	color: #FFFFFF; 
	border: 2px solid #FFFFFF;
}
  
.button2:hover 
{
	background-color: #004f98;
	color: white;
}

/* FOOTER */
.footer
{
	width: 100%;
	background: #000;
	display: block;
}

.footer-bottom
{
	padding: 10px;
	background: #001a4d;
	color: #C4C4C4;
	font-size: 10px;
	text-align: center;
}

@media screen and (max-width: 1085px)
{
	.footer-items
	{
		width: 50%;
	}

	.youtube
	{
		width: 100%
	}
	.tombol
	{
		background-color: #000000;
		width: 40%;
		margin-left: 45%;
		margin-right: 45%;
		display: auto;
		padding-bottom: 50px;
	}
	#article p{
	    padding-left: 20px;
	    padding-right : 20px;
	}
}

@media screen and (max-width: 600px)
{
	.footer-items
	{
		width: 100%;
	}
	.tombol
	{
		background-color: #000000;
		width: 40%;
		margin-left: 45%;
		margin-right: 45%;
		display: auto;
		padding-bottom: 50px;
	}
	#article p{
	    padding-left: 20px;
	    padding-right: 20px;
	}
}