     h2 {
                color: orange;
            }
        }

        /* 375 - 425 */
        @media all and (min-width: 375px) and (max-width: 425px) {
            h1 {
                color: deeppink;
            }

            h2 {
                color: deeppink;
            }
        }

        /* 425 - 768 */
        @media all and (min-width: 425px) and (max-width: 768px) {
            h1 {
                color: blue;
            }

            h2 {
                color: blue;
            }
   