body,
p,
span,
a,
h2,
h3,
h4,
h5 {
    /*Avenir Roman, cambié está propiedad*/
    font-family: 'HK Grotesk', sans-serif;
    font-weight: 400;
}


h1
{
    font-family: 'HK Grotesk Black', sans-serif;
    font-weight: 400;
}


    /* =====================  Mobile <800px display ===================== */

    .bg-transparent {
        background-color: #003764 !important;
    }

    /*.navbar {*/
    /*    background-color: #C9D2DE;*/
    /*}*/

    .navbar-brand {
        /*padding: 0.3em;*/
        /*max-width: 50vw;*/
        /*height: auto;*/
        width: 100px;
    }

    /*.navbar-collapse {*/
    /*    background-color: #003764;*/
    /*}*/

    .dpdw {
        color: white;
        margin-left: 2em;
    }

    .dropdown-toggle::after {
        color: white;
    }

    .navbar-toggler {
        color: #003764;
        border: none;
    }

    .navbar-light .navbar-toggler {
        color: rgba(0, 55, 100, 0.3)
    }

    /*.dropdown-menu {*/
    /*    color: #212529;*/
    /*    background-color: #003764;*/
    /*    border-radius: 0rem;*/
    /*    font-size: 0.7rem;*/
    /*    width: 13.5rem;*/
    /*}*/

    .navblue-icons {
        background-color: #003764;
    }

    .circle {
        background-color: #95A8BE;
        width: 35px;
        height: 35px;
        border-radius: 50%;
        padding: auto;
        margin-right: 12px;
        display: grid;
        justify-content: center;
        align-items: center;
    }

    .icon {
        text-align: center;
    }

    .user-navIcon {
        width: 63px;
        height: auto;
        margin-right: 5px;
        display: grid;
        justify-content: center;
        align-items: center;
        padding: auto;
    }

    .circle:hover {
        transform: scale(1.2);
        background: #5e81a0;
    }

    .dropdown-item:active {
        background-color: transparent;
    }

    .search {
        background-color: #62809F;
        /*     background-color: rebeccapurple; */
        padding-top: 1em;
        /*  margin: 0em 0.5em; */
        /* background-color: #003764; */
    }

    .btn-search {
        color: white;
        margin-right: 1em;
        background-color: transparent;
        border: none !important;
    }

    /* =====================  Mobile <800px display end ===================== */