*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
.img1 img{
    width: 100px;
    height: 69px;

}
.section1{
    background-color: black;
    height: 11vh;
}
.section2{
    width: 100%;
    height: 50vh;
    padding-top: 20px;
    background-color: grey;
}
.container #cont{
    background-color: grey;
    border-radius: 20px;
}
.form1{
    background-color: black;

}
.navbar.navbar-expand-lg{
    float: right;
    flex-wrap: nowrap;
    justify-content: flex-start;
    
}

.form1 ul{
    background-color: black;
    border: 4px solid green;
    border-radius: 20px;
   
}
#navbarSupportedContent a:hover{
 background-color: white;
 color: green;
 border-radius: 20px;
}

#navbarSupportedContent a{
    font-weight: bold;
    color: white;
}
.button1{
    background-color: white;
   
}
.button1 button span{
    background-color: white;
  
}
.header2{
    font-weight: bold;
    color: green;
    padding-top: 9px;
    padding-left: 4px;
}
.header2:hover{
      cursor: pointer;
      color: white;
      background-color: green;
}
.img2 img{
    border: 8px solid #F9F9F9;
}
.border1 p{
    border: (0,0,0,30px solid green) ;
}
.section3{
    padding-top: 20px;
}
.para h1{
    background-color: grey;
    
}
.border1{
    padding-left: 15px;
    border-left: 4px solid green;
}
.underline{
    width: 20%;
    border: 2px solid green;
}
.underline1{
 border-top: 1px solid rgb(185, 185, 185);
 transform: translateY(-25px);
}
#button1{
     padding-left: 25%;
    padding-top: 10px;
    justify-content: center;
}
#button1 button:nth-child(1){
    color:rgb(0, 255, 0);
}
.footer1{
    background-color: black;
}
.footer1 p{
   margin-top: 10px;
    color: white;
    width: 70%;
    background-color: black;
    border: 2px solid grey;
    border-radius: 10px;
    text-align: center;
    font-weight: bold;
}
.footer1 li{
    list-style: none;
}
.footer1 li a{
    color: white;
    text-decoration: none;
}

@media  screen and (max-width:1300px) {
    .section1{
        background-color: black;
        height: 13vh;
    
}
}
@media  screen and (max-width:1200px) {
    .section1{
        background-color: black;
        height: 13vh;
    
}
}
@media  screen and (max-width:1000px) {
    .section1{
        background-color: black;
        height: 13vh;

}
.img1 img{
    width: 108px;
    height: 70px;
}
.section01 .row{
    flex-direction: column;
}
.section01 .col-md-4{
    width: 100%;
}
.section2 {
    height: 60vh;
}
}

@media  screen and (max-width:700px) {
    .section1{
        background-color: black;
        height: 13vh;

}
.img1 img{
    width: 108px;
    height: 70px;

}
.section2{
   width: 100%;
   height: 61vh;
}
}
@media  screen and (max-width:800px) {
    .section1{
        background-color: black;
        height: 13vh;

}
.img1 img{
    width: 108px;
    height: 70px;

}
.section2{
   width: 100%;
   height: 65vh;
}
}
@media  screen and (max-width:600px) {
    .section1{
        background-color: black;
        height: 13vh;

}
.img1 img{
    width: 108px;
    height: 70px;

}
.section2{
   width: 100%;
   height: 78vh;
}
}
@media  screen and (max-width:500px) {
    .section1{
        background-color: black;
        height: 13vh;

}
.img1 img{
    width: 108px;
    height: 70px;

}
.section2{
   width: 100%;
   height: 87vh;
}
.justify-content-center{
    flex-direction: column;
}

.section2 .col-4 {
    width: 90%;
    padding-top: 10px;
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.section2 {
    text-align: center;
}
.section2 .img2{
    padding-left: 13%;
}
.section3 .col-4 {
    width: 90%;
    padding-top: 10px;
}
}
.row{
    margin-left: 0 !important;
    margin-right: 0 !important;
}