@media screen and (max-width: 768px) {
    .float-md-start,
    .float-md-end {
        float: none !important;
        text-align: center;
    }

    .footer {
        padding-top: 3rem;
    }

    .nav-masthead {
        display: flex;
        justify-content: center;
        width: 100%;
        margin-top: 1rem;
    }

    .large-text {
        font-size: 1.8rem;
    }

    .nav-masthead {
        margin-bottom: 5rem;
        font-size: 1.5rem;
    }

    .footer-social {
        flex-direction: column;
        gap: 1rem;
    }

    /* Work Timeline Mobile */
    .work-entry {
        grid-template-columns: auto 1fr;
        gap: 1rem;
    }

    .timeline-line {
        left: 10px;
    }

    .timeline-dot {
        margin: 0.25rem;
        scale: 1.5;
    }

    .work-meta,
    .work-description {
        grid-column: 2;
        text-align: left;
        padding: 0 0 0 48px;
    }

    .content-section {
        padding: 1rem 0;
        width: 100% !important;
    }

    .publications-timeline {
        width: 80% !important;
    }

    .small-text {
        font-size: 1rem;
        color: red;
    }

    .large-text {
        font-size: 1.5rem !important;
    }

    .tech-icon-wrapper {
        padding: 3px;
    }

    .tech-icon {
        width: clamp(40px, 10vw, 80px) !important;
        height: clamp(40px, 10vw, 80px) !important;
    }

    .tech-icons {
        margin: 4rem 0 !important;
    }

    .cover-container {
        width: 300px !important;
        height: 300px !important;
        margin: 4rem;
    }

    .profile-image {
        width: 10rem;
        height: 10rem
    }

    form {
        width: 100%;
    }

    input[type="email"],
    input[type="text"],
    input[type="submit"] {
        width: 100%;
        padding: 12px;
        margin: 8px 0;
        box-sizing: border-box;
    }

    .flash-messages {
        width: 100%;
        padding: 10px;
    }
}