@import url('bootstrap-extended.min.css');
@import url('colors.min.css');
@import url('components.min.css');

* {
  box-sizing: border-box !important;
}

html {
  font-size: 62.5%;
}

@media (min-width: 1440px) and (max-width: 1699px) {
  html {
    font-size: 50.5%;
  }
}

@media (min-width: 1366px) and (max-width: 1439px) {
  html {
    font-size: 45.5%;
  }
}

@media (min-width: 1024px) and (max-width: 1365px) {
  html {
    font-size: 40.5%;
  }
}

@media (min-width: 320px) and (max-width: 390px) {
  html {
    font-size: 40.5%;
  }
}

@media (min-width: 391px) and (max-width: 500px) {
  html {
    font-size: 45.5%;
  }
}

@media (max-width: 1366px) {
  td {
    font-size: 10px !important;
  }
  th {
    font-size: 11px !important;
  }
}