@media (max-width: 768px) {
    .nav-links {
        display: none;
    }

    .banner h1 {
        font-size: 2.5rem;
    }

    .banner p {
        font-size: 1.1rem;
    }

    /* .content-section {
        padding: 3rem 1rem;
    } */

    h1,h2,h3,h4,h5,h6{
        font-family: 'Lora', serif;
        font-style: italic;
        line-height: 1.25em;
        font-weight: normal;
    }

    .logo h3{font-size:20px!important; font-weight:100;margin:10px 0 0 20px}

    /* .trans-left-col{
        position: relative;
        left:0;
        bottom:0;
        top:10px;
        width:100%;
        transform: translateY(0%);
    }
    .trans-right-col{
        position: relative;
        left:0;
        bottom:0;
        width:100%;
        transform: translateY(0%);
    }

    .page-banner {
        font-family: 'Lora', serif;
        font-size: 2.5rem!important;
        color: #575151;
        font-style: italic;
        line-height: 1.25em;
        font-weight: normal;
        
    } */
}