@media (max-width: 769px) 
{
        .ArchiveSection2026
    {
        margin-left: 5vw;
        margin-right: 5vw;
        margin-bottom: 8vw;
    }
    .ArchiveText2026
    {
        text-align: left;
        font-size: 12.121vw;
        font-family: 'Andika-Bold';
    }
    .ArchiveH1
    {
        text-align: center;
        font-size: 12.121vw;
        font-family: 'Andika-Bold';
    }
    .WorksContainer
    {
        display: flex;
        flex-direction: column;
        gap: 5vw;
    }
    
    .WorkBtn
    {
        background-color: #D64D2E; 
        color: white;
        font-family: 'Roboto-Regular';
        font-size: 5.5vw;
        padding: 5vw 5vw;
        border: none;
        border-radius: 15vw; 
        cursor: pointer;
        display: inline-block;
    }

}
@media (min-width: 769px) 
{
    .ArchiveSection2026
    {
        margin-left: 3vw;
        margin-bottom: 8vw;
    }
    .ArchiveText2026
    {
        text-align: left;
        font-size: 1.875vw;
        font-family: 'Andika-Bold';
    }
    .ArchiveH1
    {
        text-align: center;
        font-size: 2.917vw  ;
        font-family: 'Andika-Bold';
    }
    .WorksContainer
    {
        grid-template-columns: repeat(2, 1fr);
        display: grid;
        gap: 2vw 0vw;
        justify-items: self-start;
        align-items: start;
    }
    
    .WorkBtn
    {
        background-color: #D64D2E; 
        color: white;
        font-family: 'Roboto-Regular';
        font-size: 1.042vw;
        padding: 1.042vw 2.865vw;
        border: none;
        border-radius: 2.604vw; 
        cursor: pointer;
        display: inline-block;
        transform: rotate(-2deg);
        transition: transform 0.3s, background-color 0.3s;
    }

    .WorkBtn:hover 
    {
        background-color: #b03d24; 
        transform: rotate(0deg) scale(1.05);
    }
}