/* global variables */


/* Fluid Rem For 1366 Layout By Mike */

:root {
    --fontsize: calc(0.3125rem + ((1vw - 3.6px) * 0.4965));
    /* --fontsize: calc(0.3125rem + ((1vw - 3.6px) * 1.0897)); */
}

:root {
    /* add fluid rem function */
    font-size: max(37.5%, min(var(--fontsize), 62.5%));
    /* font-size: max(37.5%, min(var(--fontsize), 100%)); */
    /* RWD */
    --media-tablet: (min-width: 992px);
    --media-pc: (min-width: 1300px);
    --global-width: min(calc(320px + ((1vw - 3.6px) * 88)), 120rem);
    /* --global-width--small: min(max(320px, calc(20rem + ((1vw - 3.2px) * 47.1875))), 107.5rem); */

    /* colors */
    --color-white: #fff;
    --color-black: #000;
    --color-red: #AE0018;

    /* fonts */
    --font-family-main: "Montserrat", sans-serif;
  	--font-size-small: max(12px, 1.2rem);
  	--font-size-regular: max(14px, 1.5rem);
  	--font-size-medium: max(16px, 2rem);
  	--font-size-big: max(18px, 2.5rem);
  	--font-size-title: max(20px, 4rem);
    --font-weight-light: 300;
    --font-weight-regular: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --font-weight-extrabold: 800;

    /* effects */
    --transition-duration: 0.3s;
    --transition-timing_function: ease;
    
    /* mr_menu */
    --mr_menu-hover_in_timeout: 100;
    --mr_menu-hover_out_timeout: 350;
    --mr_menu-menu-transition-property: opacity;
    --mr_menu-menu-transition-property-closed_value: 0;
    --mr_menu-menu-transition-property-open_value: 1;
    --mr_menu-submenu-transition-property: opacity;
    --mr_menu-submenu-transition-property-closed_value: 0;
    --mr_menu-submenu-transition-property-open_value: 1;
    --mr_menu-menu-icon-open: "☰";
    --mr_menu-menu-icon-close: "×";
    --mr_menu-submenu-icon-open: "☰";
    --mr_menu-submenu-icon-close: "×";
}
@media(min-width: 2048px){
    :root{
        font-size: 85%;
    }
}
@media(min-width: 3840px){
    :root{
        font-size: 140%;
    }
}