*{
    margin: 0%;
    padding: 0%;
    box-sizing: border-box;
}
.liv1{
    margin-left: 35px;
 }
.hea{
    width: 100%;
    height: 7vh;
    background-color: black;
    padding-right: 18%;
/* }
.hed ul a{
    border-right: 2px solid gray;
    /* padding: 5px 5px 5px  */
 }
.hed ul a:hover{
    color:white;
    background-color: green;
    border-radius: 1rem;
}

.hed a{
   color: green;
   font-weight: bold;
}
  .hed ul{

     border: 4px solid green; 
     border-radius: 40px;
  
    padding-bottom: 7px;
    padding-top: 9px;
 } 
 .header{
    color: green;
    padding: 6px 3px;
    font-weight: bold;

 }
 .header:hover{
    color: white;
    background-color:green;
    border-radius: 1rem;
 } 
 /* __________________________________________________ */
 .container #cont{
    background-color: black;
    border-radius: 20px;
}
.form1 ul{
    color: white;
    background-color: black;
    border: 2px solid #18e418;
    border-radius: 20px;
    
    
      

}
.navbar.navbar-expand-lg{
    padding-top: 22px;
    float: right;
    flex-wrap: nowrap;
    justify-content: flex-start;
    
}
.bg-light{
    background-color: black;
}
/* .form1 ul{
   border-radius: 20px;
   border: 1px solid green;
} */
 .red a{
    /* background-color:gray; */
    font-weight: bolder;
    color:#18e418;
   
 }
 .sha a{
    color: white;
    font-weight: bolder;
    padding-left: 4px;
 }
 .sha1 a{
    color: white;
    font-weight: bolder;
 }
 .mar a{
  padding-left: 2px;
 }
 .bton button span{
    background-color: white;
 }
 .nav-link:hover{
    background-color: white;
    border-radius: 20px;
 } 
/* _________________________________________________________________ */
.lamb{
    padding-top: 20px;
    background-color: gray;
    width: 100%;
    height: 50vh;
}
.bore1{
     border: 2px solid #18e418;
    width: 20%;
}
.bore2{
    border-top: 1px solid gray;
    transform: translateY(-4px);
}
.bore3{
    border-left: 4px solid #18e418;
    padding-left: 15px;
}
.img1 img{
    border: 8px solid black;
}
.img2{
    border: 8px solid white;
    padding-left: 3px;
}
.row{
    padding-top: 10px;
}
#button{
    justify-content: center;
    padding-left: 25%;
    padding-top: 10px;
}

.footer1{
    background-color:black;

}
.footer1 li{
    list-style: none;
}
.footer1 p{
    text-align: center;
    border: 1px solid gray;
    border-radius: 0.5rem;
    font-weight: bold;
    color: white;
}
.footer1 a{
    text-decoration: none;
    color: white;
}


@media screen and(max-width:1100px) {
    .hea{
        height: 12vh;
       
    }   
}
    
@media screen and(max-width:1050px){}
.hea{
    height: 12vh;
   
} 

@media screen and(max-width:1000px){}


.hea{
    height: 12vh;
   
} 

@media screen and(max-width:850px) {

.lamb{
    padding-top: 20px;
    background-color: gray;
    width: 100%;
    height: 60vh;
} 
}
@media screen and(max-width:800px){
.lamb{
    padding-top: 20px;
    background-color: gray;
    width: 100%;
    height: 60vh;
}
}
@media screen and(max-width:700px){

.lamb{
    padding-top: 20px;
    background-color: gray;
    width: 100%;
    height: 65vh;
}
}
@media screen and(max-width:650px){
.lamb{
    padding-top: 20px;
    background-color: gray;
    width: 100%;
    height: 55vh;
}
}
@media screen and(max-width:600px){

.lamb{
    padding-top: 20px;
    background-color: gray;
    width: 100%;
    height: 55vh;
}
}

@media screen and(max-width:550px){
.lamb{
    padding-top: 20px;
    background-color: gray;
    width: 100%;
    height: 72vh;
}
}
@media screen and(max-width:500px){
.lamb{
   
    background-color: gray;
    width: 100%;
    height: 72vh;
}
}
@media screen and(max-width:450px){
.lamb{
    
    background-color: gray;
    width: 100%;
    height: 75vh;
}
}
@media screen and (max-width:400px) {
.lamb{
    
    background-color: gray;
    width: 100%;
    height: 110vh;
}
.hea{
    height: 30vh;
   
}
}
@media screen and (max-width:300px){

    .lamb{
    
        background-color: gray;
        width: 100%;
        height: 120vh;
    }
    .hea{
        height: 30vh;
       
    }

}
@media screen and (max-width:350px){

    .lamb{
    
        background-color: gray;
        width: 100%;
        height: 120vh;
    }
    .hea{
        height: 30vh;
       
    }

}