/* ------------------- SMALL SCREEN ------------------- */
    /*@media screen and (max-width: 30em) {*/
        
        /* CARD SIZES */
        div.card { padding-bottom: 34.22%; width: 49.22%; } /* NOTE: CARDS ARE 15% SHORTER TO REDUCE MOBILE SCROLLING */
        div.card_2x2 { padding-bottom: 98.96%; width: 98.96%; }
        
        /* CARD POSITIONS */
        #card_main  { margin-top: 0.52%; }
        #card1, #card2 { margin-top: 100% }
        #card3, #card4 { margin-top: 134.74%; }
        #card5, #card6 { margin-top: 169.48%; }
        #card7, #card8 { margin-top: 204.22%; }
        
        #card_main, #card1, #card3, #card5, #card7 { margin-left: 0.52%; }
        #card2, #card4, #card6, #card8 { margin-left: 50.26%; }

    /*}*/
    
    /* ------------------- MEDIUM SCREEN ------------------- */
    @media screen and (min-width: 40em) {
        /* CARD SIZES */
        div.card { padding-bottom: 24.35%; width: 24.35%; }
        div.card_2x2 { padding-bottom: 49.22%; width: 49.22%; }
        
        /* CARD POSITIONS */
        div.card_empty { display: block; }
        #card1, #card2, #card_main  { margin-top: 0.52%; }
        #card3, #card4 { margin-top: 25.39%; }
        #card5, #card6, #card7, #card8 { margin-top: 50.26%; }
        
        #card_main { margin-left: 0.52%; }
        #card1, #card3, #card7 { margin-left: 50.26%; }
        #card5 { margin-left: 0.52%; }
        #card6 { margin-left: 25.39%; }
        #card2, #card4, #card8 { margin-left: 75.13%; }

        /* CARDS */
        div.card_content h1, a.card_content h1 { font-size: 160%; letter-spacing: 2px; }
        div.card_content h2, a.card_content h2 { font-size: 100%; line-height: 130%; }
        div.card_content p, a.card_content p { font-size: 84%; }
        
        
    }

    /* ------------------- LARGE SCREEN ------------------- */
    @media screen and (min-width: 56em) {
        
        /* CARD SIZES */
        div.card { padding-bottom: 16.05%; width: 16.05%; }
        div.card_2x2 { padding-bottom: 32.62857%; width: 32.62857%; }
        
        /* CARD POSITIONS */
        #card1, #card2, #card3, #card4, #card_main  { margin-top: 0.5286%; }
        #card5, #card6, #card7, #card8 { margin-top: 17.1071%; }
        
        #card_main { margin-left: 0.5286%; }
        #card1, #card5 { margin-left: 33.6857%; }
        #card2, #card6 { margin-left: 50.2643%; }
        #card3, #card7 { margin-left: 66.8429%; }
        #card4, #card8 { margin-left: 83.4214%; }

        /* CARD STYLES */
        div.card_content h1, a.card_content h1 { font-size: 160%; letter-spacing: 2px; }
        div.card_content h2, a.card_content h2 { font-size: 100%; line-height: 130%; }
        div.card_content p, a.card_content p { font-size: 76%; }
        
    }
    
    /* ------------------- X-LARGE SCREEN ------------------- */
    @media screen and (min-width: 76em) {
        /* CARD STYLES */
        div.card_content h1, a.card_content h1 { font-size: 210%; letter-spacing: 2px; }
        div.card_content h2, a.card_content h2 { font-size: 146%; line-height: 138%; }
        div.card_content p, a.card_content p { font-size: 84%; }

    }