/* * Responsive Style */ /* Table of Content ======================== # ======================== */ /* ========================================================================== Large desktops and laptops ========================================================================== */ @media (min-width: 1200px) { } /* ========================================================================== Portrait tablets and medium desktops ========================================================================== */ @media (min-width: 992px) and (max-width: 1199px) { } /* ========================================================================== Portrait tablets and small desktops ========================================================================== */ @media (min-width: 768px) and (max-width: 991px) { } /* ========================================================================== Landscape phone to portrait tablet ========================================================================== */ @media (max-width: 767px) { .brand-logo-text h2 { font-size: 3em; } .brand-desc-alt { font-size: 1em; margin-bottom: 10px; } .entry-wrapper { margin-bottom: 20px; } } /* ========================================================================== Landscape phones ========================================================================== */ @media (max-width: 480px) { .brand-logo-text h2 { font-size: 3em; } .brand-desc-alt { font-size: 1em; margin-bottom: 10px; } .entry-wrapper { margin-bottom: 20px; } } /* ========================================================================== Portrait Mobile ========================================================================== */ @media (max-width: 320px) { .brand-logo-text h2 { font-size: 3em; } .brand-desc-alt { font-size: 1em; margin-bottom: 10px; } .entry-wrapper { margin-bottom: 20px; } } /* ========================================================================== Mobile ========================================================================== */ @media (min-width: 240px) and (max-width: 319px){ .brand-logo-text h2 { font-size: 3em; } .brand-desc-alt { font-size: 1em; margin-bottom: 10px; } .entry-wrapper { margin-bottom: 20px; } }