@media screen and (max-width: 1300px) {

    .desktoponly {
        display: none;
    }
    .mobileonly {
        display: initial;
    }

}
@media screen and (max-width: 1025px) {
    
    /* Header Logo */

    #home header #logo {
        max-width: 40vw;
    }
    header h1 {
        font-size: 6vw;
    }

    header h2 {
        font-size: 3.5vw;
    }
    
    
    /* About */
    #about-box {
        min-height: none;
    }
    #about-photo {
        opacity: .6;
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: -1;
    }

    #about-text {
       /* position: absolute; */
    }
    #about-me {
        padding: 20px;
    }

    .modal-post {
        width: 100%;
    }
}

@media screen and (max-width: 768px) {
    #single header img {
        margin-right: 0;
    }
    
    header h1 {
        font-size: 8vw;
    }

    header h2 {
        font-size: 5.5vw;
        margin: -5px 0 0 0;
    }
    nav ul li {
        font-size: 1em;
    }

    #about-text {
        font-size: .75em;
    }

    #about-text h3 {
        font-size: 2.5em;
    }

    #about-text h4 {
        font-size: 1.5em;
    }
    .filter-group {
        font-size: 1.3em;
    }

    #single #title-gal {
        margin: 10px 0;
    }

}

@media screen and (max-width: 568px) {

}