:root {
  --main-dark: #333333;
  --main-light: #ffffff;
  --main-gray: #cccccc;
  --main-secondary: #555555;
  --main-primary: #004300;
  --main-primary-light: #d1dad1;
  --main-warning: #e9ab38;
  --main-warning-light: #ebebd8;
  --main-danger: #990000;
  --main-danger-light: #dfcfcf;
  --main-space-sm: 5px;
  --main-space-md: 10px;
  --main-space-lg: 20px;
  --main-font-size-sm: 12px;
  --main-font-size-md: 16px;
  --main-font-size-lg: 20px;
}
.btn-category {
  width: 100%;
  padding-top: var(--main-space-sm);
  padding-bottom: var(--main-space-sm);
  background-color: var(--main-dark);
  color: var(--main-light);
  cursor: pointer;
  font-size: var(--main-font-size-md);
  text-align: center;
}
@media (max-width: 575.98px) { 
  body {
    background-color: var(--main-light);
    padding-top: 40px;
  }
  p {
    margin-top: 0;
  }
  blockquote p {
    margin: 0;
    padding: 0;
  }
  table.mobile-not-table > tr,
  table.mobile-not-table > thead > tr,
  table.mobile-not-table > tbody > tr,  
  table.mobile-not-table > th,
  table.mobile-not-table > thead > tr > th,
  table.mobile-not-table > tbody > tr > th,  
  table.mobile-not-table > td,
  table.mobile-not-table > thead > tr > td,
  table.mobile-not-table > tbody > tr > td,  
  table.mobile-not-table > tbody,  
  table.mobile-not-table > thead {
    background-image: none;
  }
  .mobile-table-responsive table {
    table-layout: unset !important;
  }
  .mobile-navbar {
    box-shadow: 0 3px 5px var(--main-secondary);
  }
  .mobile-navbar-collapse li {
    border-bottom-color: var(--main-secondary);
    border-bottom-style: solid;
    border-bottom-width: 1px; 
  }
  .mobile-navbar-collapse li:last-child {
    border-bottom-width: 0; 
  }
  .mobile-navbar-collapse li a {
    color: var(--main-warning) !important;
    text-decoration: none;
  }
  .mobile-bg-primary {
    background-color: var(--main-primary-light) !important;
  }
  .mobile-bg-warning {
    background-color: var(--main-warning-light) !important;
  }
  .mobile-bg-danger {
    background-color: var(--main-danger-light) !important;
  }
  #news ul {
    margin-top: 0;
    margin-left: -30px;
    padding-top: 0;
  }
  #news li {
    margin: 0;
    padding-left: 30px;
    background: url(../images/10.png) no-repeat left top;
    list-style: none;
  }
  .title2 {
    margin-top: var(--main-space-md);
    margin-left: var(--main-space-sm);
    margin-bottom: var(--main-space-md);
    margin-right: var(--main-space-sm);
    font-size: var(--main-font-size-md);
  }
  .mobile-height-150 {
    height: 150px !important;
  }
  .mobile-height-30 {
    height: 30px !important;
  }
}