/* Additional tiny tweaks layered over main responsive rules */
@media screen and (max-width: 900px) {
    .nav-links {
        display: none;
    }

    #profile {
        padding-top: 72px;
    }

    .section__pic-container img {
        max-width: 360px;
        margin: 0 auto;
    }

    .work-list {
        margin-top: 16px;
    }
}

@media screen and (max-width: 600px) {
    #progress-bar {
        height: 2px;
    }

    .hero-photo img {
        border-radius: 14px;
    }

    .blog-card h3 {
        font-size: 18px;
    }
}