* {
    padding: 0px;
    margin: 0px;
    box-sizing: border-box;
}

.navi {
    background-color:  white;
}

.menu {
    color: blue;
    /* font-weight: bold!important; */
    font-size: 15px;
}
.menu:hover{
    color:goldenrod;
    border-bottom: 2px solid goldenrod;
}
/* banner */
.ban{
    width: 100%;
    height: 80vh;
    background-image: url(jurisdiction.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}
.banrap{
    width: 100%;
    height: 80vh;
    background-color: rgba(0, 0, 0, 0.4); 
}
.banrap1{
    float: right;
    margin-top: 150px;
}
.name{
   text-align: center;
   padding-right: 500px; 
}
.name h1{
    color: aliceblue;
    font-size: 60px;
    text-align: center;
}
.name h2{
    color: aliceblue;
    font-size: 60px;
    text-align: center;
    font-family: initial;
    /* margin-right: 450px; */
}
.name p{
color: white;
font-size: 20px;
}
.name a {
    color: white;
    text-decoration: none;
}
.name a:hover{
    color: rgb(196, 163, 103);
}
/* middle */
.midrap{
    width: 100%;
}
.midrap h1{
    text-align: center;
    margin-top: 15px;
    font-family: Georgia, 'Times New Roman', Times, serif;
    color: rgb(114, 24, 24);
    font-size: 50px;
}
.midrap h2{
    padding-left: 75px;
    font-family: Georgia, 'Times New Roman', Times, serif;
    color: rgb(97, 97, 11);
}
.midrap p{
    width: 95%;
    padding-left: 75px;
    color: rgb(90, 84, 84);
    font-family: 'Times New Roman', Times, serif;
    text-align: justify;
    font-size: 20px;
}
.midrap9{
    width: 100%;
    background-color: #9b8154;
  }
  .midrap10{
    width: 90%;
    margin: auto;
    display: grid;
    grid-template-columns: auto auto auto auto;
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    margin-top: 30px;
    padding-bottom: 20px;
    /* padding-top: 30px; */
  }
  .box7 h1{
    color: white;
    font-family: initial;
    padding-top: 20px;
    text-align: center;
    font-size: 50px;
  }
  .box7 a{
    text-decoration: none;
    color: white;
    font-size: 20px;
  }
  .box7 a:hover{
    color: blue;
  }
  .box8 h1{
    color: white;
    font-family: initial;
    padding-top: 20px;
    text-align: center;
    font-size: 50px;
  }
  .box8 p{
    color: white;
    font-size: 18px;
    text-align: center;
  }
  .box9 h1{
    color: white;
    font-family: initial;
    padding-top: 20px;
    text-align: center;
    font-size: 50px;
  }
  .box10{
    padding-top: 20px;
  }