@media only screen and (min-width: 768px) and (max-width: 1039px) {
    body {
        padding-left: 40px;
        padding-right: 40px;
    }

    .dnb-logo {
        display: none;
    }

    .dnb-logo-small {
        height: 38px;
        width: 38px;
        margin: 10px 20px 10px 0;
    }

    /* header and logo*/
    .dnb-navbar {
        margin: 0;
        padding: 0;
    }

    .dnb-logo {
        margin: 15px 60px 25px 0;
        width: 159px;
        height: 101px;
    }

    /*grey container*/
    .password-container-grey {
        padding: 30px 40px 50px 40px;
        background-color: var(--box-grey);
        margin-top: 30px;
    }

    .section-no-container {
        max-width: 800px;
        margin-top: 30px;
    }

    .info-flex .tooltip {
        max-width: 864px;
        padding: 16px 18px 16px 18px;
        line-height: 26px;
        font-size: 16px;
    }
    @media only screen and (max-width: 1039px) {
        /* Position the tooltip */
        .info-flex .tooltip {
            margin-top: -100px;
            margin-left: -750px;
            margin-right: 94px;
        }
    }
    @media only screen and (max-width: 850px) {
        /* Position the tooltip */
        .info-flex .tooltip {
            margin-top: -126px;
            margin-left: -650px;
            margin-right: 100px;
        }
    }


}