@media screen and (min-width: 1250px) {

    #textholder, .textholdercenter p {
        font-size: 1.4em;
    }
}

/************************************************************************************
smaller than 1250px
*************************************************************************************/
@media screen and (max-width: 1249px) {

    #textholder {
        width: 60%;
        min-width: 60%;
        margin-top: 20px;
    }

    #textholder, .textholdercenter p {
        font-size: 1.2em;
    }

    .picholder img {
        width: 40%;
    }
    .picholderright img {
        float: right;
        margin-right: 60%;
        position: relative;
        top: -20px;
    }

    /* Blog */
    .post .photos {
        max-width: 100%;
        margin-top: 10px;
        text-align: center;
        margin-left: 0;
    }
    .post .photos img {
        float: none;
        margin-left: 5px;
        margin-right: 5px;
        max-width: 95%;
    }
    .modal-content {
        width: 100%;
    }

}

/************************************************************************************
smaller than 875px
*************************************************************************************/
@media screen and (max-width: 875px) {

    /* Navigation */
    nav li a {
        width: 80%;
    }
    nav .sub-menu li a  {
        width: 100%;
    }
    nav .sub-menu {
        position: relative;
        width: 80%;
        text-align: center;
        margin-right: auto;
        margin-left: auto;
        top: 0px;
    }
    nav ul li:hover > ul {
        display: block;
    }

    /* Text */
    #textholder, .textholdercenter p {
        font-size: 1.4em;
    }

    #textholder {
        min-width: 100%;
    }

    /* Gallery */
    .picholder img {
        float:none;
        width:80%;
        min-width:350px;
        margin-left:auto;
        margin-right:auto;
        margin-top:0px;
        display:block;
        vertical-align:middle;
    }

    .picholderright img {
        top: 10px;
    }

    .gallery-row img {
        max-height:200px;
        height:80%;
        width:80%;
    }
    .gallery-row div {
        margin: auto;
    }
}