/*Small devices (landscape phones, from 576 to 768px)*/
@media (max-width: 767.98px) {
    .halves {
        grid-template-columns: 1fr;
    }
    .logo {
        margin-right: auto;
    }
    .select-city, .header__phone, .header__socials {
        display: none;
    }
    .first-screen__person {
        left: 0;
        right: 0;
        width: auto;
    }
    .title-with-switcher {
        flex-direction: column;
    }
    .title-with-switcher .switcher {
        margin: 20px 0 0 0;
    }
    .differences {
        grid-template-columns: 1fr;
    }


    .direction__title, .direction__text {
        max-width: initial;
    }
    .direction__static {
        position: relative;
        display: block;
        height: 250px;
        bottom: -36px;
    }
    .direction__person {
        width: initial;
        right: 0;
        left: 0;
        bottom: 0;
    }
    .direction__round {
        height: 300px;
        width: 300px;
        right: calc(50% - 150px);
    }

    .footer-nav {
        display: none;
    }
}