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

}
   
#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;
    
    }
    
.text_label{
    font-size: 13px;
    color: var(--green-color);   
}

    .img_animation{
        transition: 2s linear;
        cursor: pointer;
       
    }
    .img_animation:hover{
        transform: scale(0.9);  
    }
    

#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('../img/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('../img/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:800px){
    #header{
        background:linear-gradient(rgba(0,0,0, 0.5),rgb(0,0,0,0.5)),
        url('../img/governor\ 2.jpg') no-repeat; background-size: cover;
        /* background-size: 600px; */
     height: 280px;width: 100%;

        }
   
        .blog_head_container{
            margin-top: -25px;
        }
        .blog_head{
          font-size: 45px;
            color: #fff;
        } 
        .blog_head_container{
            margin-top: 0px;
        }
    
}