@media (min-width: 600px) {

    .HeaderLogo {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
    }

    .NavItems {
        display: flex;
    }

    .dropdown {
        display: none;
    }

    footer,
    .filterTitle {
        flex-direction: row;
    }

    .PreviewImage {
        display: block;
    }

    /* FONT SIZE */

    body h1 {
        font-size: var(--header-font-size-desktop);
    }

    body h2 {
        font-size: var(--secondary-header-font-size-desktop);
    }

    body p {
        font-size: var(--body-font-size-desktop);
    }

    body button {
        font-size: var(--button-font-size-desktop);
    }

    #LoginErrorMessage {
        font-size: var(--error-message-font-size-desktop);
    }

    /* Font Alignments */
    .IndivBlogPostContent p {
        text-align: start;
    }
}

@media (min-width: 1200px) {
    /* Individual Blog Post Pages*/
    
    .IndivBlogPostContent {
        width: 1200px;
    }
}

@media (min-width: 400px) {
    .bigimg {
        display: flex;
        width: 300px;
    }

    .latest {
        height: 350px;
    }
    
    .DisplayBlogPosts {
        grid-template-columns: repeat(auto-fill, minmax(400px, 3fr));
    }
}

@media (min-width: 300px) {
    .HeaderLogo img {
        height: 100px;
    }
}