:root{
    --menu-background:#111;
    --main-background:#111;
    --main-secondary-background:rgb(14, 13, 12);
    --about-background: rgb(23, 24, 25);
    --about-secondary-background: rgb(14, 13, 12);

    --header-height: 71px;

    --menu-title-size:12px;
    --menu-title-font:"DM Sans", sans-serif;
    --menu-title-color:#e4c590;
    --menu-subtitle-size:60px;
    --menu-subtitle-font:"Forum", serif;
    --menu-subtitle-color:#ffffff;

    --menu-item-size:22px;
    --menu-item-font:"Forum",serif;
    --menu-item-color: var(--menu-subtitle-color);
    --menu-price-color: var(--menu-title-color);
    
    --menu-item-desc-size:14px;
    --menu-item-desc-font:"DM Sans", sans-serif;
    --menu-item-desc-color:#a7a7a7;

    --about-title-size:80px;
    --about-who-title-size:35px;

    --about-title-font: "DM Sans", sans-serif;
    --about-subtitle-font: "Forum", serif;
    --about-size-25: 25px;
    --about-size-22: 22px;
    --about-size-16: 16px;
    --about-size-14: 14px;
    --about-primary-color: #ffffff;
    --about-secondary-color: #a7a7a7;

    /* footer */
    --f-text-color: #c89b6d;
    --f-detail-family: "DM Sans", sans-serif;
    --f-findus-size: 22px;
    --f-detail-size: 16px;
    --f-adress-size: 14px;
    --f-detail-color: #aaaaaa;
    --f-title-color: #ffffff;

    --main-desc-size:22px;

}

@media (max-width: 1500px) {
    :root{
        --menu-subtitle-size:50px;
        --about-title-size:80px;
        --about-who-title-size:35px;
        --main-desc-size:22px;
    }
}

@media (max-width: 1200px) {
    :root{
        --menu-subtitle-size:44px;
        --about-title-size:60px;
        --about-who-title-size:30px;
        --main-desc-size:22px;
    }
}

@media (max-width: 990px) {
    :root{
        --menu-subtitle-size:40px;
        --about-title-size:54px;
        --about-who-title-size:26px;
        --main-desc-size:20px;
    }
}

@media (max-width: 768px) {
    :root{
        --menu-subtitle-size:36px;
        --about-title-size:48px;
        --about-who-title-size:24px;
        --main-desc-size:18px;
    }
}

@media (max-width: 600px) {
    :root{
        --menu-subtitle-size:30px;
        --about-title-size:40px;
        --about-who-title-size:22px;
        --main-desc-size:16px;
    }
}

@media (max-width: 480px) {
    :root{
        --menu-subtitle-size:28px;
        --about-title-size:34px;
        --about-who-title-size:20px;
    }
}