/* Very Small devices (tablets, 480px and up) */
@media (min-width: 480px) { 
    .btn-lg { 
        font-size: 1.5em;
    }
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) { 
    h1 { 
        font-size: 36px;
    }
}

/* DOM width */
@media (min-width: 1000px) { 
    .pageSection > div { 
        width: 900px;
        margin: 0 auto;
    }
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) and (min-height: 768px) { 
    .post_content { 
        font-size: 1em;
        line-height: 1.75em;
    }

    #wrap { 
        margin-top: 7em;
    }
}

/* Mobile responsive adjustments for readability */
@media (max-width: 767px) {
    body {
        font-size: 16px;           /* slightly smaller base font on mobile */
        line-height: 1.5;
    }

    #wrap {
        margin-top: 0.5em;         /* bring content closer to top on mobile */
    }

    .pageSectionInner {
        padding: 1em 1.2em;        /* reduced padding on mobile */
    }
    
    .post_content {
        font-size: 0.95em;         /* slightly smaller content font on mobile */
        line-height: 1.6;
    }

    .btn-lg {
        font-size: 0.9em;
        padding: 0.6em 1.3em;      /* tighter buttons on mobile */
    }
}