:root {
   --disdow-white: #F9F9F9;
   --disdow-white-rgb: 249, 249, 249;
   --disdow-crimson: #DE2229;
   --disdow-gold: #cda34f;
   --disdow-orange: #dd5f24;
   --disdow-green: #636b46;
   --disdow-green-rgb: 99, 107,70;
   --disdow-dark-green: #373f37;
   --disdow-dark-green-rgb: 55.63.39;
   --disdow-black: #333333;
   --disdow-black-rgb: 51, 51, 51;
   --disdow-grey: #5d434a;
   --disdow-grey-rgb: 83, 77, 74;
   --disdow-cream: #e9e7da;
   --disdow-cream-rgb: 233,231,218;
   --disdow-body-font: 'Noto Serif', serif;
   --disdow-header-font: 'Staatliches', cursive;
   
   --bs-primary-rgb: var(--disdow-grey-rgb);
   --bs-light-rgb: var(--disdow-cream-rgb);
   --bs-dark-rgb: var(--disdow-green-rgb);
   --bs-body-font-family: var(--disdow-body-font);
   --bs-body-bg: var(--disdow-white);
   --bs-body-color: var(--disdow-black);
   --bs-link-color: var(--disdow-orange);
   --bs-link-hover-color: var(--disdow-orange);
}

a {
    text-decoration: none;
    font-weight:bolder;
}

a:hover {
    text-decoration: underline;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: var(--disdow-header-font);
}

.h5, h5 {
    margin-bottom:0;
}

hr {
  opacity: 0.75;
}

small, .small {
  font-size: 0.8rem;
}

.navbar {
    --bs-navbar-color: var(--disdow-white);
    --bs-navbar-toggler-border-color: var(--disdow-white);
    --bs-navbar-toggler-font-size: 1.5rem;
}

.nav-link {
    --bs-nav-link-color: var(--disdow-white);
    --bs-nav-link-hover-color: var(--disdow-orange);
    --bs-nav-link-font-size: 1rem;
}

.article-text {
    text-align: justify; 
}
      
.footer {
    background-color: var(--disdow-dark-green);
    color: var(--disdow-white);
    font-size: 0.9rem;
}

.btn-primary {
    --bs-btn-color: var(--disdow-white);
    --bs-btn-bg: var(--disdow-orange);
    --bs-btn-border-color: var(--disdow-orange);
    --bs-btn-hover-color: var(--disdow-white);
    --bs-btn-hover-bg: var(--disdow-orange);
    --bs-btn-hover-border-color: var(--disdow-orange);
    --bs-btn-active-bg: var(--disdow-orange);
    --bs-btn-active-border-color: var(--disdow-orange);
}



@media (max-width: 1200px) {
  
}

@media (max-width: 992px) {

}
    
@media (max-width: 768px) {
 
}

@media (max-width: 480px) {
    
}