@media (max-width: 768px) {
    .main-body {
        flex-direction: column;
        margin: 1vw;

        .left-column {
            flex-direction: column;

            img {
                width: 60vw;
                height: 60vw;
                align-self: center;
            }
        }

        .socials-column {
            flex-direction: row;
        }
    }

    nav:not(.nav--static) {
        width: 100vw !important;
        left: 0% !important;
        right: 0% !important;
    }

    .item {
        width: 25% !important;
    }
}