@font-face {
   font-family: 'badger script';
   src: url('font/badger-script.ttf');
}

body {
   margin: 0;
   padding: 0;
   background-color: #fff;
}

.fontfam {
   font-family: "badger script";
}

.jumbotron {
   font-size: 20px;
   color: white;
}

.bigfont {
   font-size: 110px;
}

.batas-banner {
   width: 100%;
   line-height: 60px;
}

.banner {
   top: 100px;
   background-image: url("image/mentawir03.jpg");
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
   object-fit: scale-down;
   height: 100vh;
   display: flex;
}

.banner-content {
   height: 100%;
   color: white;
   display: flex;
   align-items: center;
}

.dropdown:hover>.dropdown-menu {
   display: block;
}

.navbar .wr-putih {
   color: #fff;
   padding-left: 10px;
   background-color: rgba(40, 150, 94, 1);
   font-weight: bold;
}

.navbar .wr-putih:hover {
   color: #E0E0E0;
}

.navbar {
   background-color: rgba(40, 150, 94, 1);
   transition-duration: 1s;
   height: 100px;
}

.navbar ul li:hover {
   color: #E0E0E0;
}

.logo {
   padding-bottom: 8px;
   height: 70px;
   transition-duration: 0.7s;
}

.scroll_logo {
   padding: 5px;
   height: 50px;
}

.scroll_navbar {
   background-color: rgba(40, 150, 94, 1);
   height: 50px;
   box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.4);
   transition-duration: 1s;
}

.navbar .scroll_wr-putih {
   background-color: rgba(40, 150, 94, 1);
}

.artikel {
   position: relative;
   top: 120px;
}

.color-hijau {
   color: #075E10;
}

.color-hijau-2 {
   color: green;
}

.color-hijau-3 {
   color: #20995F;
}

.color-hitam {
   color: #3D3D3D;
}
.height-150 {
   height: 150px;
}
.height-80 {
   height: 80px;
}

.height-50 {
   height: 50px;
}

.height-30 {
   height: 30px;
}

.gambar-objek {
   width: 100%;
   height: 250px;
   object-fit: cover;
}

.relative {
   background-color: #F0F0F0;
   position: relative;
}

.text-justify {
   text-align: justify;
}

.text-left {
   text-align: left;
}

.no-border {
   border: none;
}
.image {
   width: 50px;
   height: 50px;
}

span {
   font-size: 30px;
}

.images {
   width: 100%;
   object-fit: cover;
}
footer {
   background-color: rgba(10, 110, 70, 1);
   color: #fff;
   position: relative;
   bottom: 0;
}