.nav img {
    width: 50px;
    overflow: hidden;
    float: left;
    margin: 0 0 0 0;
}

.nav h3 {
    color: yellow;
    padding-left: 20px;
    padding-top: 1px;
    padding-bottom: 1px;
}

.atas1 {
    background-color: rgb(124, 20, 20);
    padding-top: 70px;
    padding-bottom: 0 ;
}

.atas1 p {
       padding-bottom: 1px;
}

.textatas {
   color :cornsilk
}

.textatas2 {
    color: cornsilk;
    
}

.textatas2 hr{
   border-color: rgb(255, 30, 0);
   width: 100%;
   border-width: 2px;
   
}
.atas  {
    
    background: url(../image/bgrn.jpg);
    padding: 5px 0 10px 0;
}

.atas img {
    height: 330px;
    padding: 10px 0 5px 0;
}

.gtk{
    
    margin: -2% -5% -2%  -5%;
    

}

.begron {
    background: url(../image/bgrn.jpg);
}

.begronvisi {
    background: url(../image/bgvisi.png);
    background-size: cover;
    
}

.begronmisi {
    background: url(../image/bgmisi.png);
    background-size: cover;
}

.bawah {
    background-color:rgb(124, 20, 20);
    padding: 10px 0 5px 0;
}

.bawah h5 {
    color: rgb(217, 240, 10);
    text-align: center;
   }

.footer img {
    width: 30%;
    float: left;
  }

.footer1  {
    color: yellow;
    }

.footer2  {
    color: yellow;
    margin: -2px 0 -2px 0 ;
    }
.footer2 a:hover {
     color: yellow;
     text-decoration-color: rgb(255, 30, 0);
    }
.footer2 a {
        color: yellow;
        
       }

.footeropt img{
    width: 90%;
    overflow: hidden;
    float:right;
  }

.bawah1 {
    background-color:rgb(71, 5, 5);
    text-align: left;
    color:rgb(244, 250, 253);
}

.crd1 {
    color: yellow;
    width: 19rem;
    padding: 0 0 0 0;
  }

.crd1 h5{
    font-weight: bold;
  }

.crd2 {
   padding: 0 0 0 0;
   width: 19rem;
   height: 28rem;
   }

.crd3 {
    width: 53rem;
    padding: 0 1 0 1;
    height: 28rem;
  }
.crd4 {
    width: 53rem;
    padding: 0 0 0 0;
    height: 32rem;
    }
.crd4 h5{
        font-weight: bold;
        color: rgb(217, 240, 10);
     }


.cardvisi {
    height: 36rem;
  }

.cardvisi1 {
    height: 12rem;
  }
.cardsurat {
    height: 79rem;
    
}
.cardsurat1 {
    height: 79rem;
    padding: 0 0 0 0;
    
}

.cardsurat1 hr{
    border-color: rgb(255, 30, 0);
    width: 100%;
    border-width: 2px;
    
}

.cardsuratppdb {
    height: 82rem;
    padding: 0 0 0 0;
    
}

.cardsuratppdb hr{
    border-color: rgb(255, 30, 0);
    width: 100%;
    border-width: 2px;
    
}