:root {    
    --body-margin: 8px;
    --main-content-horizontal-padding: 20px;
}

/* Mobile dimensions */

@media only screen and (max-device-width : 600px) {   
    
    body {
        /* background: yellow; */
        /* border: 2px solid blue; */
    }

    :root {
        --body-font-size: 45px;
        --btn-round-width: 80px;        
        --mfp-btn-border-radius: 25px;

        
        --subscription-list-row-gap: 50px;
        --subscription-list-horizontal-padding: 10px;
        
        --subscription-list-margin-bottom: 350px;
        
        --page-margin-bottom: 400px;
        --nav-menu-icon-height: 60px;
        --client-footer-height: 87px
    }
    
}