:root {
  /* Fonts */
  --font-roca: "Roca";
  --font-proximanova: "ProximaNova";
  --font-default: var(--font-proximanova), sans-serif;
  --font-decorative: var(--font-roca), cursive;
  /* Colors */
  --color-white: #fff;
  --color-black: #000;
  --color-gainsboro: #dedbdb;
  --color-whitesmoke: #ebebea;
  --color-darkgray: #9f9f9f;
  --color-dimgray-100: #606060;
  --color-dimgray-200: #555;
  --color-darkslategray: #404040;
  --color-gray: #231f20;
  --color-gray-translucent: rgba(0, 0, 0, 0.65);
  --color-silver: #c8c7c7;
  --color-yellowgreen: #cdd44f;
  --color-royalblue: #0075FF;
  /* Gap */
  --gap-0: 0;
  --gap-1: 1px;
  --gap-2: 2px;
  --gap-3: 3px;
  --gap-4: 4px;
  --gap-5: 5px;
  --gap-6: 6px;
  --gap-10: 10px;
  --gap-15: 15px;
  --gap-19: 19px;
  --gap-20: 20px;
  --gap-25: 25px;
  --gap-30: 30px;
  --gap-35: 35px;
  --gap-40: 40px;
  --gap-48: 48px;
  /* BorderRadius */
  --br-8: 8px;
  --br-10: 10px;
  --br-12: 12px;
  --br-15: 15px;
  --br-20: 20px;
  --br-100: 100px;
  /* Padding */
  --padding-5: 5px;
  --padding-8: 8px;
  --padding-10: 10px;
  --padding-13: 13px;
  --padding-15: 15px;
  --padding-20: 20px;
  --padding-24: 24px;
  --padding-25: 25px;
  --padding-27: 27px;
  --padding-30: 30px;
  --padding-35: 35px;
  --padding-40: 40px;
  --padding-50: 50px;
  --padding-75: 75px;
  --padding-100: 100px;
  /* FontSize */
  --font-size-10: 10px;
  --font-size-11: 11px;
  --font-size-12: 12px;
  --font-size-13: 13px;
  --font-size-14: 14px;
  --font-size-15: 15px;
  --font-size-16: 16px;
  --font-size-17: 17px;
  --font-size-18: 18px;
  --font-size-19: 19px;
  --font-size-20: 20px;
  --font-size-21: 21px;
  --font-size-22: 22px;
  --font-size-23: 23px;
  --font-size-24: 24px;
  --font-size-26: 26px;
  --font-size-27: 27px;
  --font-size-28: 28px;
  --font-size-29: 29px;
  --font-size-30: 30px;
  --font-size-31: 31px;
  --font-size-32: 32px;
  --font-size-33: 33px;
  --font-size-34: 34px;
  --font-size-35: 35px;
  --font-size-36: 36px;
  --font-size-37: 37px;
  --font-size-38: 38px;
  --font-size-39: 39px;
  --font-size-40: 40px;
  --font-size-41: 41px;
  --font-size-42: 42px;
  --font-size-43: 43px;
  --font-size-44: 44px;
  --font-size-45: 45px;
  --font-size-46: 46px;
  --font-size-47: 47px;
  --font-size-48: 48px;
  --font-size-49: 49px;
  --font-size-50: 50px;
  --font-size-60: 60px;
  --font-size-70: 70px;
  --font-size-110: 110px;
  /* ProgressBar */
  --progress-bg: var(--color-white);
  --progress-height: 20px;
  --progress-border-width: 2px;
  --progress-border-radius: var(--br-100);
  --progress-fill-bg: var(--color-yellowgreen);
}

.container-not-supported {
  text-align: center;
  font-family: var(--font-default);
  font-weight: bold;
  background: #eee;
  padding: 1px;
}

footer .footer-bottom{
  font-size: var(--font-size-11);
  line-height: 16.5px;
  text-align: center;
  color: var(--color-gray);
}
footer .footer-bottom .container{
  padding-left: var(--bs-gutter-x) !important;
  padding-right: var(--bs-gutter-x) !important;
}
footer .footer-bottom .list-wrapper{
  padding-top:10px;
  padding-bottom: 10px;
  gap: var(--gap-10);
  display: grid;
  border-top: 1px solid var(--color-gainsboro);
  border-bottom: 0;
  max-width: initial;
}
footer .footer-bottom .list-wrapper .list{
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: var(--gap-10);
  padding-left: 0;
  padding-right: 0;
}
footer .footer-bottom .list-wrapper .list a{
  flex: 0 0 auto;
  /* color: inherit; */
  /* text-decoration: none; */
  font-size: inherit;
}

@media (min-width: 576px){
  footer .footer-bottom .container{
    padding-right: calc(var(--bs-gutter-x)* .5) !important;
    padding-left: calc(var(--bs-gutter-x)* .5) !important;
  }
}

@media (min-width: 1200px){
  footer .footer-bottom {
      font-size: var(--font-size-11);
    }
    footer .footer-bottom .container{
      padding-left: var(--bs-gutter-x);
      padding-right: var(--bs-gutter-x);
    }
    footer .footer-bottom .list-wrapper {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      justify-content: center;
      align-items: center;
      padding: var(--padding-10) 0px;
      gap: var(--gap-10);
    }
    footer .list-wrapper + .list-wrapper{
      margin-top: 0;
    }
    footer .footer-bottom .list-wrapper .list {
      flex-direction: row;
      justify-content: flex-start;
      flex-wrap: wrap;
      align-items: flex-start;
      column-gap: var(--gap-30);
      margin-bottom: 0;
    }
}