/*X-Large devices (large desktops, less than 1400px)*/
@media (max-width: 1399.98px) {
    .nav {
        display: none;
    }
    .gap {
        gap: 20px;
    }
    .logo {
        margin-right: auto;
    }
    .nav a {
        margin: 0 8px;
    }
    .description-card {
        margin-bottom: 20px;
    }
    .direction__title {
        font-size: 28px;
        line-height: 34px;
    }
    .direction__text {
        max-width: 300px;
    }
    .button--personal {
        padding: 0;
        width: 32px;
        height: 32px;
        background: #fff;
    }
    .button--personal .button__text {
        display: none;
    }
    .button--personal:before {
        top: 0;
        left: 0;
    }
}