#header_2{
    background:linear-gradient(rgba(51, 80, 51, 0.582),rgba(2, 95, 2, 0.603)),
    url('../img/large_bg.png') no-repeat; background-size: cover; height:500px;width: 100%;

}
.blog_head_container{
    margin-top: 5em;
}
 
.blog_head{
    color: white;
    font-weight: 700;
    font-size: 60px;
    
    text-align: center;
    
    }
.welcome_text{
    font-size: 15px;
    color: white;
}
    
    #main_books_desc{
    color: #fff;
    font-weight: 500;
    font-size: 24px;
    
    text-align: center;
    
    }

   input[type="text"], input[type="number"], input[type="email"],textarea{
       border: 1px solid rgb(77, 230, 154);
       padding: 10px;
       font-size: 13px;
   }
   .head{
    font-size: 35px;
    font-weight: bolder;
    color: var(--green-color);   
}

#search_modal{
    margin-top: 8em;
    padding: 15px;
   opacity: 0.9;
   backdrop-filter: blur(4px);


}
















    @media (max-width:576px){
          
        .head
        {
            font-size: 25px;
            font-weight: bolder;
            color: var(--green-color);   
        }
        .text_label{
            font-size: 13px;
            
            color: var(--green-color);   
        }
#header{
    
    background:linear-gradient(rgba(0,0,0, 0.5),rgb(0,0,0,0.5)),
    url('governor\ 4.jpeg') no-repeat; background-size: cover;
     height: 200px;width: 100%;

    }
    #header_2{
        background:linear-gradient(rgba(51, 80, 51, 0.582),rgba(2, 95, 2, 0.603)),
        url('large_bg.png') no-repeat; background-size: cover;
        height: 200px;width: 100%;
    
    }
    .blog_head_container{
        margin-top: -30px;
    }
    .blog_head{
       font-size:30px;
        color: #fff;
    } 
    .frame_image{
        width: 85px;
        height: 80px;
    }

    
    

}
@media (min-width:577px) and (max-width:900px){
    #header{
        background:linear-gradient(rgba(0,0,0, 0.5),rgb(0,0,0,0.5)),
        url('governor\ 2.jpg') no-repeat; background-size: cover;
        /* background-size: 600px; */
     height: 280px;width: 100%;

        }
        #header_2{
            background:linear-gradient(rgba(51, 80, 51, 0.582),rgba(2, 95, 2, 0.603)),
            url('large_bg.png') no-repeat; background-size: cover;
            height: 280px;width: 100%;
        
        }
      
        .blog_head_container{
            margin-top: -25px;
        }
        .blog_head{
          font-size: 45px;
            color: #fff;
        } 
        .blog_head_container{
            margin-top: 0px;
        }
    .text_label{
        font-size: 15px;
    }
}