#header{
    background:linear-gradient(rgba(0, 39, 0, 0.5),rgba(0, 39, 0, 0.5)),
    url('../img/governor\ 2.jpg') no-repeat; background-size: cover; height:550px;width: 100%;

}
   

.blog_head_container{
    margin-top: 5em;
}
.blog_head{
    color: white;
    font-weight: 700;
    font-size: 50px;
    text-align: center;
    
    } 
.head{
    color:rgba(12, 116, 43, 0.8);
    font-weight: 700;
    font-size: 30px;
    
   
    
    }
.welcome_text{
    font-size: 20px;
    color: white;
}
    
    #main_books_desc{
    color: #fff;
    font-weight: 500;
    font-size: 24px;
    
    text-align: center;
    
    }
 
   

#governor_info,#prof,#abbakawu,#sanusi,#settima,#mohammed,#abba,#ibrahim,#president{
    font-size: 13px;
     text-align: justify
    ;   
}
.text_label{
    font-size: 13px;
}
#search_modal{
    margin-top: 8em;
    padding: 15px;
   opacity: 0.9;
   backdrop-filter: blur(4px);


}
.img_animation{
    transition: 2s linear;
    cursor: pointer;
   
}
.img_animation:hover{
    transform: scale(0.9);  
}
.head_2{
    font-size: 15px;
    font-weight: bolder;
    color: var(--green-color); 
    cursor: pointer;  
}
p{
    font-size: 14px;
}

    @media (max-width:576px){
          .img_animation{
              height: 275px;
          }
        .head
        {
            font-size: 20px;
            font-weight: bolder;
            color: var(--green-color);   
        }
        p{
            font-size: 15px;
        }
        .text_label{
            font-size: 13px;   
        }
        #revenue{
            font-size:  14px;
        }
        .welcome_text{
            font-size: 15px;
            color: white;
        }
#header{
    
    background:linear-gradient(rgba(0, 39, 0, 0.5),rgba(0, 39, 0, 0.5)),
    url('../img/governor\ 2.jpg') no-repeat; background-size: cover;
     height: 240px;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:1030px){
    #header{
        background:linear-gradient(rgba(0, 39, 0, 0.5),rgba(0, 39, 0, 0.5)),
        url('../img/governor\ 2.jpg') no-repeat; background-size: cover;
        /* background-size: 600px; */
     height: 330px;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: 280px;width: 100%;
        
        }
        
        .img_animation{
            height: 250px;
        }
      
        .blog_head_container{
            margin-top: -25px;
        }
        .blog_head{
          font-size: 45px;
            color: #fff;
        } 
        .blog_head_container{
            margin-top: 0px;
        }
        p{
            font-size: 15px;
        }
        .welcome_text{
            font-size: 15px;
            color: white;
        }
}