{

	margin: 0;

	padding: 0;

}



#header{

	position: absolute;

	z-index: 10;

	width: 100%;

}



.navbar{

	padding: 8px 0;

}



.navbar-brand{

	font-weight: 600;

	font-size: 0.96em;

}

.navbar-dark .nabar-brand{

	color: #dcdde1;

}



.nav-item{

font-weight: 600;

text-transform: uppercase;

padding-left: 10px;  

}



.navbar-dark .navbar-nav .nav-item .nav-link:hover{

background: #dcdde1;

color: #262626;	

}



/* @media */

@media (max-width: 720px) {

	.form-control {

	  width: 98%;

	}

  }

@media (max-width: 480px) {

	.form-control {

	  width: 98%;

	}

  }



@media (max-width: 360px) {

	.form-control {

	  width: 98%;

	}

  }

 /* @media navbar */

 

@media (max-width: 720px) {

	.navbar-expand-lg{

	  width: 100%;

	}

  }

@media (max-width: 480px) {

	.navbar-expand-lg {

	  width: 100%;

	}

  }



@media (max-width: 360px) {

	.navbar-expand-lg {

	  width: 100%;

	}

  } 



 /* @media navbar */

  @media (min-width: 720px)

  {

	.col-lg .navbar {

	  width: 100%;

	}

  } 

  

  @media (min-width: 480px)

  {

	.col-lg .navbar{

	  width: 100%;

	}

  } 

  

  @media (min-width: 360px)

  {

	.col-lg .navbar{

	  width: 100%;

	}

  } 



  /* @media nabar */

  @media (max-width: 720px)

  {

	.navbar-nav .dropdown-menu{

	  width: 98%;

	}

  } 



  @media (max-width: 480px)

  {

	.navbar-nav .dropdown-menu{

	  width: 98%;

	}

  } 



  @media (max-width: 360px)

  {

	.navbar-nav .dropdown-menu{

	  width: 98%;

	}

  } 

  

  @media (max-width: 320px)

  {

	.navbar-nav .dropdown-menu{

	  width: 100%;

	}

  } 



  /* @media image */

  .img1{

	  width: 6%;

  }

  @media (max-width: 320px)

  {

	.img1 {

	  width: 14%;

	}

  } 

  @media (max-width: 480px)

  {

	.img1 {

	  width: 14%;

	}

  } 

  @media (max-width: 720px)

  {

	.img1 {

	  width: 14%;

	  

	}

  } 

  .head-text1

  {

	  padding: 20px 0;

	  background-color: rgb(151, 150, 149);

  }



  /* nav ul

{

    list-style-type: none;

    background-color: rgb(71, 69, 67);

    overflow:;

    top: 0;

    position: fixed;

    width: 100%;

    z-index: 1;

} */



/* untuk dropdown */

.th2

{

padding:5px 0;

font-size: 18px;

color: white;

}



ul li .dropdown-menu

{

	display: none;

}  



ul li:hover .dropdown-menu

{

	display: block;

	padding: 0px;

	position: relative;

	

}   



/* untuk berita */

.texku{

	font-size: 20px;

	color: #ffe4c4;

}

.card-text{

	color:black ;

	font-size: 18px;

}

.card-title{

	color: black;

	background-color: rgb(183, 183, 185);

}

.card-date{

	color: black;

	background-color: rgb(183, 183, 185);

	text-align: center;

}

.card1{

	/* background-color: rgb(177, 177, 182); */

	background-color: rgb(184, 179, 164);

}

/* class untuk gambar berita */

.imgberita{

	width: 100%;

	height: 235px;

	padding-top: 8px;

}



@media (max-width: 360px)

  {

	.imgberita{

	  width: 100%;

	  height: 200px;

	  padding-top: 8px;

	  padding-left: 10px;

	  padding-right: 10px;

	}

  }



@media (max-width: 480px)

  {

	.imgberita{

	  width: 100%;

	  height: 220px;

	  padding-top: 8px;

	  padding-left: 10px;

	  padding-right: 10px;

	}

  }



/* @media (max-width: 720px)

  {

	.imgberita{

	  width: 100%;

	  height: 235px;

	  padding-top: 8px;

	  padding-left: 10px;

	  padding-right: 10px;

	}

  } */

b{

		font-size: 100%;

	}

@media (max-width:360px)

{

	b{

		font-size: 60%;

	}

} 

/* class untuk gambar berita 2*/

.imgberita2{

	width: 100%;

	max-height: 550px;

	padding-top: 8px;

	padding-left: 10px;

	padding-right: 10px;

	

}

 



@media (max-width:480px)

{

	.imgberita2{

		width: 100%;

		max-height: 235px;

		padding-top: 8px;

		padding-left: 10px;

		padding-right: 10px;

	}

} 

@media (max-width:360px)

{

	.imgberita2{

		width: 100%;

		max-height: 225px;

		padding-top: 8px;

		padding-left: 10px;

		padding-right: 10px;

	}

} 



/* untuk halaman berita */

p {

   color: rgb(10, 10, 10);

   font-size: 18px;

   font-style: normal;

   text-align: justify;

   padding-left: 10px;

   padding-right: 10px;

}



.p1 {

   color: rgb(10, 10, 10);

   font-size: 18px;

   font-style: normal;

   text-align: justify;

   padding-left: 25px;

   padding-right: 25px;

   background-color:#e8e6e4;

   

}





/* class acordion */

.card2 {

    /* padding: 0px; */

    background-color: #f8f9fa;

    border-radius: 20px;

}





.card-header2 {

    padding: .0rem 1.25rem;

    margin-bottom: 0;

    background-color: rgba(0,0,0,.03);

    border-bottom: 1px solid rgba(0,0,0,.125);

}



.btn2 {

    font-size: 14px;

    line-height: 1;

    word-wrap: break-word;

    font-weight: bold;

    min-height: 60px;

    max-height: 150px;

    min-width: 100%;

    max-width: 100%;

	

}

.btn-link2 {

    font-weight: bold;

    color: #080808;

    text-decoration: none;

}



.button3 {

    margin: 0;

}



/* class img crousel profil */

.img3{

	max-width: 89%;

    height: auto;

    box-sizing: border-box;

}



@media (max-width:"720px"){



	.img3{

		max-width: 85%;

		height: auto;

    	box-sizing: border-box;

	}

}



@media (max-width:"480px"){



	.img3{

		max-width: 85%;

		height: auto;

    	box-sizing: border-box;

	}

}

@media (max-width:"360px"){

	.img3{

		max-width: 85%;

		height: auto;

    	box-sizing: border-box;

	}

}