/* CSS Normalize */
html {line-height: 1.15;-webkit-text-size-adjust: 100%;}body {margin: 0;}main {display: block;}h1 {font-size: 2em;margin: 0.67em 0;}hr {box-sizing: content-box;height: 0;overflow: visible;}pre {font-family: monospace, monospace;font-size: 1em;}a {background-color: transparent;}abbr[title] {border-bottom: none;text-decoration: underline;text-decoration: underline dotted;}b, strong {font-weight: bolder;}code, kbd, samp {font-family: monospace, monospace;font-size: 1em;}small {font-size: 80%;}sub, sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}sub {bottom: -0.25em;}sup {top: -0.5em;}img {border-style: none;}button, input, optgroup, select, textarea {font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0;}button, input {overflow: visible;}button, select {text-transform: none;}button, [type="button"], [type="reset"], [type="submit"] {-webkit-appearance: button;}button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {border-style: none;padding: 0;}button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {outline: 1px dotted ButtonText;}fieldset {padding: 0.35em 0.75em 0.625em;}legend {box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal;}progress {vertical-align: baseline;}textarea {overflow: auto;}[type="checkbox"], [type="radio"] {box-sizing: border-box;padding: 0;}[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {height: auto;}[type="search"] {-webkit-appearance: textfield;outline-offset: -2px;}[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}::-webkit-file-upload-button {-webkit-appearance: button;font: inherit;}details {display: block;}summary {display: list-item;}template {display: none;}[hidden] {display: none;}
html{
  scroll-behavior: smooth;
  transition-property: font-size;
  transition-duration: 1s;
  transition-timing-function: linear;
  transition-delay: .2s;
}
html,
body {
    font-size: .88889vw !important;
    /*font-family: "Effra-Medium";*/
    font-family: Arial, Helvetica, sans-serif;
}

html.sm,
body.sm {
    font-size: .77778vw !important
}

html.lg,
body.lg {
    font-size: .944445vw !important
}

html.xl,
body.xl {
    font-size: 1vw !important
}

body {
  /* font-family: "Effra" !important; */
  font-weight: normal;
  /* color: #505050 !important ; */
  margin: 0 !important;
}


body::-webkit-scrollbar {
  width: .5rem;
  height: .5rem;
  background-color: lighter(#3062ac, 20%)
}

body::-webkit-scrollbar-track {
  box-shadow: inset 0 0 .5rem rgba(66, 147, 99, .3);
  background-color: lighter(#295290, 20%)
}

body::-webkit-scrollbar-thumb {
  background-color: #295290
}

body.noscroll {
  /* overflow: hidden */
}

/* Extra large devices (large desktops, 1200px and up) */
/* @media (min-width: 1200px) {
  html,
  body {
    font-size: 12px !important;
  }
  html.sm , .sm body{
    font-size: 11px !important;
  }
  html.lg , .lg body{
    font-size: 14px !important;
  }
}
@media (min-width: 1366px) {
  html,
  body {
    font-size: 14px !important;
    line-height: 1.214285714 !important;
  }
  html.sm , .sm body{
    font-size: 12px !important;
  }
  html.lg , .lg body{
    font-size: 16px !important;
  }
} */

@media (min-width: 1400px) {
  .container {
    width: 80%;
  }
}

@media (min-width: 1920px) {
  .container {
    width: 1610px;
  }
}

@media only screen and (max-width: 1199px) {

  html,
  body {
      font-size: 16px !important
  }

  html.sm,
  body.sm {
      font-size: 15px !important
  }

  html.lg,
  body.lg {
      font-size: 16.5px !important
  }

  html.xl,
  body.xl {
      font-size: 17px !important
  }
}

/* @media only screen and (max-width: 767px) {

  html,
  body {
      font-size: 12px !important
  }

  html.sm,
  body.sm {
      font-size: 11px !important
  }

  html.lg,
  body.lg {
      font-size: 13px !important
  }

  html.xl,
  body.xl {
      font-size: 14px !important
  }
} */