*{
    padding: 0px;
    margin: 0px;
    box-sizing: border-box;
}
/* banner */
.ban{
    background-image: url(./santi\ 1.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 80vh;
}
.banrap{
    width: 100%;
    height: 90vh;
}
.banrap1{
    padding-top: 300px;
    margin-left: 700px;
}
.info{
    width: 50%;
}
.info h1{
    color: yellow;
    margin-top: 6vh;
    font-size: 50px;
     /* padding-top: 95px;  */
}
#head1{
    font-family: cursive;
}
/* navigation bar */
.nav{
    width: 100%;
    height: 18vh;
    background-color: rgb(223, 222, 161);
}
.navrap{
    width: 80%;
    margin: auto;
    font-style: italic;
}
.navrap h1{
    text-align: center;
    color: rgb(116, 116, 56);
    font-size: 70px;
    padding: 15px;
}
/* middle */
.mid8{
    width: 100%;
    height: 28vh;
    background-color: rgb(156, 156, 91);
}
.midrap8{
    padding-top: 40px;
    width: 80%;
    margin: auto;
    display: grid;
    grid-template-columns: auto auto;
    grid-column-gap: 20px;
}
.box12 img{
    height: 20vh;
    box-shadow: 0 0 10px yellow;
}
.box12 h3{
    font-family: monospace;
    font-weight: bolder;
    text-align: center;
    color: rgb(56, 56, 2);
}
.box12 p{
    text-align: justify;
    font-size: 20px;
    color: rgb(83, 83, 6);
}
/* middle */
.mid9{
    width: 100%;
    height: 28vh;
    background-color: rgb(139, 139, 100);
}
.midrap9{
    padding-top: 40px;
    width: 80%;
    margin: auto;
    display: grid;
    grid-template-columns: auto auto;
    grid-column-gap: 20px;
}
.box13 img{
    height: 20vh;
    box-shadow: 0 0 10px yellow;
}
.box13 h3{
    font-family: monospace;
    font-weight: bolder;
    text-align: center;
    color: rgb(56, 56, 2);
}
.box13 p{
    text-align: justify;
    font-size: 20px;
    color: rgb(83, 83, 6);
}
/* middle */
.mid10{
    width: 100%;
    height: 28vh;
    background-color: rgb(156, 156, 91);
}
.midrap10{
    padding-top: 40px;
    width: 80%;
    margin: auto;
    display: grid;
    grid-template-columns: auto auto;
    grid-column-gap: 20px;
}
.box14 img{
    height: 20vh;
    box-shadow: 0 0 10px yellow;
}
.box14 h3{
    font-family: monospace;
    font-weight: bolder;
    text-align: center;
    color: rgb(56, 56, 2);
}
.box14 p{
    text-align: justify;
    font-size: 20px;
    color: rgb(83, 83, 6);
}
/* middle */
.mid11{
    width: 100%;
    height: 28vh;
    background-color: rgb(139, 139, 100);
}
.midrap11{
    padding-top: 40px;
    width: 80%;
    margin: auto;
    display: grid;
    grid-template-columns: auto auto;
    grid-column-gap: 20px;
}
.box15 img{
    height: 20vh;
    box-shadow: 0 0 10px yellow;
}
.box15 h3{
    font-family: monospace;
    font-weight: bolder;
    text-align: center;
    color: rgb(56, 56, 2);
}
.box15 p{
    text-align: justify;
    font-size: 20px;
    color: rgb(83, 83, 6);
}
/* middle */
.mid12{
    width: 100%;
    height: 28vh;
    background-color: rgb(156, 156, 91);
}
.midrap12{
    padding-top: 40px;
    width: 80%;
    margin: auto;
    display: grid;
    grid-template-columns: auto auto;
    grid-column-gap: 20px;
}
.box16 img{
    height: 20vh;
    box-shadow: 0 0 10px yellow;
}
.box16 h3{
    font-family: monospace;
    font-weight: bolder;
    text-align: center;
    color: rgb(56, 56, 2);
}
.box16 p{
    text-align: justify;
    font-size: 20px;
    color: rgb(83, 83, 6);
}
/* footer */
.footer{
    width: 100%;
    height: 35vh;
    background-color: rgb(225, 216, 116);
    border-top: 3px solid rgb(141, 115, 1);
}
.footrap{
    width: 80%;
    margin: auto;
    display: grid;
    grid-template-columns: auto auto;
    grid-column-gap: 80px;
}
.footrap{
    color: rgb(141, 115, 1);
    text-align: left;
    padding-top: 8vh;
}
.box9 h1{
    color: rgb(141, 115, 1);
    font-weight: bolder;
    font-style: oblique;
    text-align: center;
}
.box9 h4{
    color: rgb(141, 115, 1);
    font-weight: bolder;
    font-style: oblique;
    text-align: center;
}
.box9 a{
    color: rgb(141, 115, 1);
    font-size: 25px;
    text-decoration: none;
}
/* footer */
.footer1{
    width: 100%;
    height: 10vh;
    background-color: rgb(225, 216, 116);
}
.footrap1{
    width: 80%;
    height: 10vh;
    margin: auto;
}
.footrap1 h4{
    color: rgb(141, 115, 1);
    text-align: center;
    padding-top: 5vh;
    font-style: oblique;
}