/*
the css of the banner in header part of the page
*/
.banner
{
    width: 100vw;
    height: 15vh; 
    max-height: 9rem;
    min-height: 5rem;
    display:flex;
    flex-direction:row;
    justify-content: center;
    align-items: center;
}
/*style of the inner image of header*/
.banner_image
{
    height: 100%;
    width: 100%;
    /*cover the whole header part*/
    object-fit: cover;
}