/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */
/*body, fhtml {
    font-family: Rubik,sans-serif;
}*/
/*=============Header and Navbar styles================*/

.nav-link-CHFS {
    color: white !important;
    display: block;
    padding: 0.5rem 1rem;
}
.my-image {
    width: 221px;
    height: 93px;
    object-fit: contain;
}
.my-image2 {
    width: 200px;
    height: 84px;
    object-fit: contain;
}
.navbar-CHFS {
    background-color: transparent !important;
    background-image: linear-gradient(to bottom, #265986, #265986);
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0.5rem 1rem;
}

/*=================== Nav li a font sizes===========================*/
.navfontsize {
    font-size: initial;
}

@media only screen and (min-width: 768px) and (max-width: 992px) {
    .navfontsize {
        font-size: 14px !important;
    }
}
/*============resizing brand image to fit in small screens.==============*/
@media screen and (max-width: 768px) {
    .navbrandimage {
        width: 45px !important
    }

    .navbrandchild {
        width: 35% !important
    }
}

@media screen and (max-width: 991px) and (min-width: 769px) {
    .navbrandimage {
        width: 70px !important
    }

    .navbrandchild {
        width: 50% !important
    }
}