/* * Responsive Styles */ /* Mobile first queries */ /* ========================================================================== Larger than mobile ========================================================================== */ @media (min-width: 240px) { .article { padding: 3%; font-size: 1.4rem; } .entry-title { text-align: center; word-wrap: break-word; } .scrollup { bottom: 0; right: 0; } } /* ========================================================================== Larger than mobile ========================================================================== */ @media (min-width: 400px) { .article { padding: 3%; font-size: 1.4rem; } .entry-title { font-size: 18px; word-wrap: break-word; } .scrollup { bottom: 0; right: 0; } } /* ========================================================================== Larger than phablet ========================================================================== */ @media (min-width: 550px) {} /* ========================================================================== Larger than tablet ========================================================================== */ @media (min-width: 750px) {} /* ========================================================================== Larger than desktop ========================================================================== */ @media (min-width: 1000px) {} /* ========================================================================== Larger than Desktop HD ========================================================================== */ @media (min-width: 1200px) {}