:root {
    /*general*/
	--app-height: 100%;
    --footer-size: 340px;
    --header-size: 76px;
    /*colors*/
    
    --brand-primary: #E89F72;
    --brand-primary-accent: #daab8e;
    --brand-secondary: #F9F1E6;
    --brand-secondary-accent: #FCF9F4;

    --white: #F2F4F3;
    --black: #3A3A3A;
    --gray: #898989;
    --light-gray: #F4F5F7;

    --bg-secondary: #F9F9F9;

    /*font-sizes*/
    --h1-font-size: 56px;
    --h1-line-height: 64px;

    --h2-font-size: 48px;
    --h2-line-height: 52px;

    --h3-font-size: 36px;
    --h3-line-height: 40px;

    --h4-font-size: 26px;
    --h4-line-height: 30px;

    --h5-font-size: 18px;
    --h5-line-height: 22px;

    --h6-font-size: 14px;
    --h6-line-height: 18px;

    --p-font-size: 16px;
    --p-line-height: 20px;
}

@media only screen and (max-width: 1260px) {
    :root {
        /*font-sizes*/
        --h1-font-size: 46px;
        --h1-line-height: 50px;

        --h2-font-size: 40px;
        --h2-line-height: 46px;

        --h3-font-size: 30px;
        --h3-line-height: 35px;

        --h4-font-size: 20px;
        --h4-line-height: 25px;

        --h5-font-size: 16px;
        --h5-line-height: 20px;

        --h6-font-size: 12px;
        --h6-line-height: 16px;

        --p-font-size: 14px;
        --p-line-height: 18px;
    }
}

@media only screen and (max-width: 766px) {
    
}