@media screen and (max-width: 1000px) {
    .resume-layout {
        grid-template-columns: 1fr;
        padding: 1rem;
    }

    .content-panel,
    .sidebar {
        padding: 1.25rem;
    }
}

@media screen and (max-width: 640px) {
    .profile_img {
        width: 140px;
        height: 140px;
    }

    .experience-item {
        grid-template-columns: 1fr;
    }

    .button-row {
        flex-direction: column;
        align-items: stretch;
    }

    .btn_hover {
        width: 100%;
    }
}