/*--CSS--*/

:root{

    --header-bar-h:2.3vw;
    --header-h:10.75vw;
    --header-logo-w:9vw;
    --nav-w:80vw;
  
    --padding-sml:0.8vw;
    --padding-med:1.5vw;
    --padding-lrg:2.5vw;
    --padding-xlrg:4vw;
    --padding-xxlrg:6vw;
  
    --font-size-sml:0.8vw;
    --font-size-med:1.2vw;
    --font-size-lrg:1.4vw;
    --font-size-xlrg:2.4vw;
  
    --color-1:#8cdb1f;
    --color-2:#005052;
    --color-3:#001b2b;
    --color-4:#f5f5f5;
    --color-5:#e8f8d3;
  
    --radius-sml:0.2vw;
    --radius-med:0.8vw;
    --radius-lrg:150vw;
  
    --icon-w-min:0.6vw;
    --icon-w-sml:1.6vw;
    --icon-w-med:3vw;
    --icon-w-lrg:8vw;
    --icon-w-max:8.5vw;
  
    --radius-sml:0.5vw;
    --radius-med:1vw;
    --radius-lrg:1.5vw;
  
  }
  
  *{
      box-sizing:border-box;
    -webkit-font-smoothing: antialiased;
  }