:root {
    --black: #000000;
    --size10:10px;
    --size12:12px;
    --size13:13px;
    --size14:14px;
    --size16:16px;
    --size18:18px;
    --size20:20px;
    --size22:22px;
    --size24:24px;
    --size26:26px;
    --size28:28px;
    --size27:27px;
    --size30:30px;
    --size32:32px;
    --size34:34px;
    --size36:36px;
    --size38:38px;
    --size40:40px;
    --size50:50px;
    --clrproj1:#563996;
    --clrproj2:#264766;
    --clrproj3:#4795D3;
    --clrproj4:#507C49;
    --clrproj5:#F1C443;
    --clrproj6:#EDA141;
    --clrproj7:#D03B41;
    --clrproj8:#B78D41;
    --clr1:#707070;
}


@font-face {
    font-family: SMHauser;
    src: url(../../fonts/SMHauser-40.woff2);
  }

@font-face {
    font-family: geraldine;
    src: url(../../fonts/GeraldinePersonalUseItalic.ttf);
  }



@media only screen and (min-width: 1440px){
    :root {
        --size10:12px;
        --size12:14px;
        --size13:15px;
        --size14:16px;
        --size16:18px;
        --size18:20px;
        --size20:22px;
        --size22:24px;
        --size24:26px;
        --size26:27px;
        --size27:29px;
        --size28:30px;
        --size30:32px;
        --size32:35px;
        --size34:36px;
        --size36:38px;
        --size38:40px;
        --size40:42px;
        --size50:52px;
    }
    .topMenuInner ul.nav li a {
        font-size: var(--size16);
    }
}
@media only screen and (min-width: 1800px){
    :root {
        --size10:14px;
        --size12:16px;
        --size13:17px;
        --size14:18px;
        --size16:20px;
        --size18:22px;
        --size20:24px;
        --size22:26px;
        --size24:27px;
        --size26:29px;
        --size27:30px;
        --size28:30px;
        --size30:32px;
        --size32:35px;
        --size34:36px;
        --size36:38px;
        --size38:40px;
        --size40:42px;
        --size50:52px;
    }
    .multiImageSlider button.owl-prev i.fa, .multiImageSlider button.owl-next i.fa{
        font-size: 18px;
    }
}

@media only screen and (min-width: 2100px){
    :root {
        --size10:18px;
        --size12:20px;
        --size13:22px;
        --size14:24px;
        --size16:26px;
        --size18:27px;
        --size20:29px;
        --size22:30px;
        --size24:30px;
        --size26:34px;
        --size27:35px;
        --size28:36px;
        --size30:37px;
        --size32:38px;
        --size34:39px;
        --size36:40px;
        --size38:41px;
        --size40:42px;
        --size50:70px;
    }
    .multiImageSlider button.owl-prev i.fa, .multiImageSlider button.owl-next i.fa{
        font-size: 20px;
    }
}

@media only screen and (min-width: 2400px){
    :root {
        --size10:22px;
        --size12:24px;
        --size13:26px;
        --size14:24px;
        --size16:29px;
        --size18:30px;
        --size20:32px;
        --size22:34px;
        --size24:36px;
        --size26:38px;
        --size27:40px;
        --size28:42px;
        --size30:44px;
        --size32:46px;
        --size34:48px;
        --size36:50px;
        --size38:52px;
        --size40:54px;
        --size50:70px;
    }
    .multiImageSlider button.owl-prev i.fa, .multiImageSlider button.owl-next i.fa{
        font-size: 24px;
    }
}

@media only screen and (max-width: 1199px){
    :root {
        --size10:10px;
        --size12:12px;
        --size13:13px;
        --size14:14px;
        --size16:16px;
        --size18:18px;
        --size20:20px;
        --size22:22px;
        --size24:24px;
        --size26:26px;
        --size28:28px;
        --size27:27px;
        --size30:30px;
        --size32:32px;
        --size34:34px;
        --size36:36px;
        --size38:38px;
        --size40:39px;
        --size50:40px;
    }
}

@media only screen and (max-width: 991px){
    :root {
        --size50:38px;
    }
}

@media only screen and (max-width: 767px){
    :root {
        --size50:34px;
    }
}

@media only screen and (max-width: 575px){
    :root {
        --size50:30px;
    }
}
@media only screen and (max-width: 400px){
    :root {
        --size50:26px;
    }
}