@media only screen and (min-width: 2047px) {
    .logo-config {
        height: 20vh;
        width: calc(20vh * 0.93);
    }

    .logo-top {
        height: 26vh;
        width: calc(26vh * 2);
        margin-top: 6vh;
    }

    .agili-portal-cliente {
        height: 7vh;
        width: calc(7vh * 2);
    }

    .logo-agili-core {
        height: 7vh;
        width: calc(7vh * 4);
    }

    .menu-container {
        width: 90vw;
        height: 60vh;
        top: 30vh;
    }
}

@media only screen and (max-width: 800px) {
    .logo-config {
        height: 11vh;
        width: calc(11vh * 0.93);
    }

    .logo-top {
        height: 14vh;
        width: calc(14vh * 2);
    }

    .agili-portal-cliente {
        height: 5vh;
        width: calc(5vh * 2);
    }

    .logo-agili-core {
        height: 5vh;
        width: calc(5vh * 4);
    }

    .menu-header {
        width: 90vw;
        height: 24vh;
    }

    .menu-container {
        width: 90vw;
        height: 64vh;
        top: 22vh;
    }
}

@media only screen and (max-height: 500px) and (min-width: 500px) {
    .logo-config {
        height: 18vh;
        width: calc(18vh * 0.93);
        margin: 1% 0.2% 0.2% 0.2%;
    }

    .logo-top {
        height: 22vh;
        width: calc(22vh * 2);
    }

    .agili-portal-cliente {
        height: 8vh;
        width: calc(8vh * 2);
    }

    .logo-agili-core {
        height: 8vh;
        width: calc(8vh * 4);
    }

    .menu-header {
        width: 90vw;
        height: 30vh;
    }

    .menu-container {
        top: 26vh;
    }
}