header {

  display: flex;

  justify-content: space-between;

  align-items: center;

  background-color: rgb(119, 119, 251);

  padding: 20px 50px;

  color: white;

}



header .logo img {

  max-height: 100px;

  width: auto;

}



header nav ul {

  list-style: none;

  display: flex;

}



header nav ul li {

  margin-left: 25px;

}



header nav ul li a {

  color: white;

  text-decoration: none;

  font-size: 18px;

  font-weight: 500;

  transition: color 0.3s;

}



header nav ul li a:hover {

  color: yellow;

}



.hero {

  position: relative;

  padding: 80px 50px;

  color: white;

  background: url("../img/gedung-dpr-6_169.jpeg") no-repeat center center/cover;

  background-attachment: fixed;

  z-index: 1;

  /* text-align: center; */

  height: 25vh;

}



.hero h2{

    text-align: center;

    font-size: 50px;

    color: #000;

    font-weight: 700;

    box-shadow: 0px 0px 0px black rgba(0,0,0.5);

}



.about-content{

    display: flex;

    justify-content: space-around;

    align-items: center;

}



.about-img img{

    max-height: 300px;

    width: auto;

}



.about-text{

    font-size: 20px;

}



.container{

    max-width: 1500px;

    margin: 0 auto;

    padding: 0 20px;

}







.w3-black,

.w3-hover-black:hover {

  color: #fff !important;

  background-color: #000 !important;

}