@media (min-width:769px) and (max-width:900px) {
    .hamburger-menu {
        display: flex;
    }

    #header-nav {
        display: none;
    }

    #vetessy-logo {
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .blog-post {
        width: 43%;
    }

    #landing-socials-container {
        flex-direction: column;
    }
}