@media screen and (max-width: 1200px)
{
    #desktop-nav
    {
        display: none;
    }

    .social-links
    {
        display: none;
    }

    #mobile-nav
    {
        display: flex;
    }
    
    section
    {
        margin: 0 2rem;
    }


    .section-about-text-h1
    {
        text-align: center;
        padding: 0;
    }

    .section-about-text-p1
    {
        text-align: center;
        padding: 0;
    }

    .section-about-image-container
    {
        display: none;
    }

    .section-about-mobile-image-container
    {
        display: flex;
        height: 60vw;
        padding-top: .5rem;
        padding-bottom: .5rem;
        justify-content: center;
        width: 100%;
    }

    .project-title
    {
        font-size: 1.0rem;
    }

    .project-skills-title
    {
        font-size: 1.0rem;
    }

    .project-body
    {
        font-size: 0.85rem;
    }

    .project-skills-item
    {
        font-size: 0.75rem;
    }

    .project-links-list
    {
        padding-bottom: 0;
    }

    form
    {
        width: 90%;
    }

    .project-container
    {
        width: 72vw;
    }
}