* {
    margin: 0px;
    padding: 0px;
    /* background-color: rgb(218, 218, 218); */
    
}

header {
    background-color: rgb(222, 221, 221);
    color: black;
    width: 100%;
    height: 120px;
    position: sticky;
    top: 0px;
}

header div.logo {
    color: black;
    text-align: center;
    /* font-family: 'Courier New', Courier, monospace; */
    font-size: 50px;

}

div.nav {
    justify-content: space-around;
    display: flex;
}

div.nav a {
    text-decoration: none;
    color: black;
    padding: 5px;
    margin: 10px;
    font-weight: bold;
}

.background h1 {
    /* align-items: end; */
    padding: 300px;
    text-align: end;
    font-size: 150px;
    color: white;
    padding-left: 300px;
    text-shadow: 2px 2px 5px black;

}

.background {
    
    background-image: url(img/back.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    /* background-attachment: fixed; */
    height: 700px;
    object-fit: cover;
    /* filter:blur(1px) ; */
    /* transform: scale(1.1); */
}

.menu {
    /* background-color: rgb(222, 221, 221); */
    width: 100%;
    height: 150px;
    display: flex;
    /* background-color: red; */
}

.menu .menu1 {
    width: 50%;
    height: 150px;
    font-size: 40px;
    margin: 10px;
    /* padding: 5px; */
    /* align-items: center; */
}

.menu .menu2 {
    margin: 30px;
    width: 50%;
    height: 200px;
    font-size: 15px;
    padding: 5px;
}

.menu .menu2 a {
    font-size: 15px;
    color: black;
    padding: 5px;
    margin: 10px;
    font-weight: bold;
    margin: 10px;
}

div.img {
    width: 100%;
    height: 500px;
    /* background-color: aliceblue; */
    display: flex;
    margin-top: 10px;
    
}

div.img1 {
    width: 50%;
    height: 700px;
    object-fit: cover;
}

div .img2 {
    width: 50%;
    height: 500px;
    object-fit: cover;
}

div.img1 img {
    margin: 5px;
    width: 750px;
    height: 500px;
    object-fit: cover;
    transition: 0.9s;
}

div.img2 img {
    width: 750px;
    height: 500px;
    object-fit: cover;
    margin: 5px;
    transition: 0.9s;
}
div.img1 img:hover {
   
    margin: 5px;
    width: 760px;
    height: 500px;
    object-fit: cover;
}
div.img2 img:hover {
    margin: 5px;
    width: 760px;
    height: 500px;
    object-fit: cover;
}
.txt{
    margin-top: 10px;
    background-color: rgb(196, 220, 147);
    width: 100%;
    height: 200px;
    display: flex;
}
.txt .text1{
    display: flex;
    width: 50%;
    font-size: 40px;
    padding: 30px;
    text-align: center;
}
.txt .text2{
     margin: 30px;
    width: 50%;
    height: 150px;
    font-size: 15px;
    padding: 25px;
}
.txt .text2 a{
 color: black;
    padding: 5px;
    margin: 10px;
    font-weight: bold;
    margin: 10px;
    /* font-size: 15px; */
}
.text3{
    
    height: 130px;
    color: white;
    background-color: rgb(0, 0, 0);
    text-align: center;
    font-size: 20px;
    padding: 30px;
}
.text4{
  margin-top: 10px;
    /* background-color: rgb(196, 220, 147); */
    width: 100%;
    height: 50px;
    display: flex;
}
h1.text5{
    padding: 15px;
    width: 80%;
    height: 50px;
    font-size: 60px;
}
.text4 a{
    /* background-color: rgb(47, 115, 174); */
    text-align: end;
    padding: 60px;
    /* margin: 10px; */
    /* align-items: end; */
    width: 20%;
    font-size: 20px;
    height: 50px;
    color: black;
    margin-bottom: 10px;
   
}
.big-menu{
    background-color: rgb(0, 0, 0);
    margin-top: 10px;
    width: 100%;
    height: 625px;
    display: flex;
}
.big-menu img{
    /* align-items: center; */
    margin: 5px;
    width: 365px;
    height: 300px;
    object-fit: cover;
    transition: 0.9s;
}
.big-menu img:hover{
    /* align-items: center; */
    margin: 5px;
    width: 365.8px;
    height: 300px;
    object-fit:cover;
}

.footer{
    width: 100%;
    height: 250px;
    background-color: rgb(176, 187, 187);
    display: flex;
}
.footer .fot1{
    width: 40%;
    height: 100px;
    /* background-color: rgb(165, 6, 6); */
    font-size: 60px;
    font-weight: bold;
    padding: 50px;

   text-align: center;
}
.footer .fot1 p{
    padding: 30px;
   text-align: start;
    font-size: 15px;
}
.footer .fot2{
     width: 30%;
    height: 100px;
    text-align: center;
    padding: 20px;
}
.footer .fot3 iframe{
    width: 300px;
    height: 170px;
}
.menu1{
    width: 100%;
    display: flex;
    padding: 10px;
}

.t1{
    /* text-align: start; */
    padding: 10px;
    width: 20%;
    
}
.t1 span{
    align-items: end;
}
.t2{
   padding: 10px;
    width: 20%;  
    
}
.t1 ul li{
    list-style-type: none;
}
.t2 ul li{
    list-style-type: none;
}

.t3{
   padding: 10px;
    width: 20%;  
    
}
.t4{
   padding: 10px;
    width: 20%;  
    
}
.t3 ul li{
    list-style-type: none;
}
.t4 ul li{
    list-style-type: none;
}
.t5{
   padding: 10px;
    width: 20%;  
    
}
.t5 ul li{
    list-style-type: none;
}
.menu-pic{
    display: flex;
    width: 100%;
    height: 500px;
}
.menu-pic img{
    width: 500px;
    padding: 5px;
    object-fit: cover;
    height: 500px;
}
.abt{
    background-color: rgb(196, 220, 147);
    width: 100%;
    height: 220px;
    display: flex;
    /* text-align: center; */
    margin: 5px;
}
.abt1{
    padding: 55px;
    width: 50%;
    height: 150px;
    font-size: 30px;
    /* margin: 20px; */
}
.abt2{
    margin: 20px;
    width: 50%;
    padding: 15px;
    height: 300px;
    font-size: 15px;
}
.con{
    background-color: rgb(211, 223, 186);
    width: 100%;
    height: 200px;
    display: flex;
    margin: 5px;
}
.con1{
    padding: 50px;
    width: 40%;
    height: 300px;
    font-size: 25px;
    /* display: flex; */
    /* margin: 20px; */
}
.con2{
    margin: 20px;
    width: 40%;
    height: 300px;
    font-size: 15px;
    /* display: flex; */
    text-align: center;
}
.con3{
    margin: 20px;
    width: 20%;
    height: 300px;
    font-size: 20px;
    /* display: flex; */
    padding: 30px;
    /* text-align: center; */
}
.con3 a{
    color: black;
    font-size: 15px;
}
.all{
    
    background-color: rgb(196, 237, 242);
}
.book{
     background-color: rgb(218, 218, 218);
    width: 100%;
    height: 100px;
    /* background-color: aqua; */
    display: flex;
    /* align-items: center; */
    padding: 30px;
    font-weight: bolder;
    font-size: 20px;
}
.member{
    text-align: center;
    width: 30%;
    height: 100px;
}
.member select{
    border: none;
}
.date{
    
     text-align: center;
    width: 40%;
    height: 100px;
}
.date.date1{
    border: none;
}
.time{
     text-align: center;
    width: 30%;
    height: 100px;
}
.time {
    border: none;
}
.table{
     background-color: rgb(218, 218, 218);
    width: 100%;
    height: 250px;
    /* align-items: center; */
    padding: 20px;
    text-align: center;

}
.table button{
    /* text-align: center; */
    border: solid 1px rgb(139, 163, 103);
    /* background-color: none; */
    width: 150px;
    height: 50px;
    margin: 10px;
    
}
.table button:hover{
    /* align-items: center; */
    border: solid 1px rgb(139, 163, 103);
    /* background-color: none; */
    width: 150px;
    height: 50px;
    margin: 10px;
    background-color: rgb(125, 209, 0);
    
}
.now{
     background-color: rgb(218, 218, 218);
    text-align: center;
}
.now button{

     border: solid 1px rgb(0, 0, 0);
    /* background-color: none; */
    width: 300px;
    height: 50px;
    margin: 10px;
    background-color: rgb(125, 209, 0);
}