/*
         titlemedia.css                                */

/* Title styling */
        .title {
            text-align: center;
            font-size: 1.7em;
            color: #333;
            margin-bottom: 20px;
            font-family: "Merriweather", serif; font-weight: 300; font-style: normal;
        }
         
/* Adjust font size for readability on smaller screens */
       
        
        @media screen and (min-width: 350px) {
            .title {
                font-size: 1.1em;
            }
        }

        @media screen and (min-width: 450px) {
            .title {
                font-size: 1.36em;
            }
        }

        @media screen and (min-width: 550px) {
            .title {
                font-size: 1.62em;
            }
        }

        @media screen and (min-width: 650px) {
            .title {
                font-size: 1.88em;
            }
        }

        @media screen and (min-width: 750px) {
            .title {
                font-size: 2.14em;
            }
        }

        @media screen and (min-width: 850px) {
            .title {
                font-size: 2.4em;
            }
        }

        @media screen and (min-width: 950px) {
            .title {
                font-size: 2.7em;
            }
        }