/*:root {
     --site-headings : "Lato", sans-serif;
     --site-font: Roboto, sans-serif;
     --site-headings : "Comic Sans MS";
     --site-font: "Comic Sans MS";
     --site-color: black; /*rgb(244,100,36);*/
     
}*/ /*--site-color-light: dark-gray; /*rgb(244,100,36);*/


html {
  font-size: 14px;
}

@media screen and (max-width: 767px) {
  html {
    font-size: 12px; /* Adjust font size for smaller screens */ 
  }
}

.title { 
    font-weight: 500; 
    font-family: var(--site-headings);
    font-size: 4.0rem; 
} 

h1 { 
    font-weight: 700; 
    font-family: var(--site-headings);
    font-size: 2.2rem;
    text-transform: uppercase;
} 

h2 { 
    font-weight: 700; 
    font-family: var(--site-headings);
    font-size: 2rem;
    text-transform: uppercase;
}

h3 { 
    font-weight: 700;
  /*text-transform: none;*/
    font-family: var(--site-headings);
    font-size: 1.8rem;
}

h4 { 
    font-weight: 600;
  /*text-transform: none;*/
    font-family: var(--site-headings);
    font-size: 1.6rem;
}

h5 { 
    font-weight: 600;
  /*text-transform: none;*/
    font-family: var(--site-headings);
    font-size: 1.4rem;
}

h6 { 
    font-weight: 500;
  /*text-transform: none;*/
    font-family: var(--site-headings);
    font-size: 1.2rem;
} 

.h1-light { 
    font-weight: 700;
  /*text-transform: none;*/
    font-family: var(--site-headings);
    font-size: 2.2rem;
    color: var(--site-color-light);
    text-transform: uppercase;
} 

.h2-light { 
    font-weight: 700;
  /*text-transform: none;*/
    font-family: var(--site-headings);
    font-size: 2rem;
    color: var(--site-color-light);
}

.h3-light { 
    font-weight: 700;
  /*text-transform: none;*/
    font-family: var(--site-headings);
    font-size: 1.8rem;
    color: var(--site-color-light);
}

.h4-light { 
    font-weight: 600;
  /*text-transform: none;*/
    font-family: var(--site-headings);
    font-size: 1.6rem;
    color: var(--site-color-light);
}

.h5-light { 
    font-weight: 600;
  /*text-transform: none;*/
    font-family: var(--site-headings);
    font-size: 1.4rem;
    color: var(--site-color-light);
}

.h6-light { 
    font-weight: 500;
  /*text-transform: none;*/
    font-family: var(--site-headings);
    font-size: 1.2rem;
    color: var(--site-color-light);
} 

.h1-thin { 
    font-weight: 500;
  /*text-transform: none;*/
    font-family: var(--site-headings);
    font-size: 2.2rem;
    text-transform: uppercase;
} 

.h2-thin { 
    font-weight: 500;
  /*text-transform: none;*/
    font-family: var(--site-headings);
    font-size: 2rem;
}

.h3-thin { 
    font-weight: 500;
  /*text-transform: none;*/
    font-family: var(--site-headings);
    font-size: 1.8rem;
}

.h4-thin { 
    font-weight: 400;
  /*text-transform: none;*/
    font-family: var(--site-headings);
    font-size: 1.6rem;
}

.h5-thin { 
    font-weight: 400;
  /*text-transform: none;*/
    font-family: var(--site-headings);
    font-size: 1.4rem;
}

.h6-thin { 
    font-weight: 400;
  /*text-transform: none;*/
    font-family: var(--site-headings);
    font-size: 1.2rem;
}



p {
    font-weight: 400; 
    font-family: var(--site-font);
    font-size: 1rem;
}

.rt {
    font-weight: 400; 
    font-family: var(--site-font);
    font-size: 1rem;
}

.mt {
    font-weight: 400; 
    font-family: var(--site-font);
    font-size: .8rem;
}

.lrt {
    font-weight: 300; 
    font-family: var(--site-font);
    font-size: 1rem;
}

.lmt {
    font-weight: 300; 
    font-family: var(--site-font);
    font-size: .8rem;
}

.trt {
    font-weight: 200; 
    font-family: var(--site-font);
    font-size: 1rem;
}

.tmt {
    font-weight: 200; 
    font-family: var(--site-font);
    font-size: .8rem;
}

.row-table-head {
  font-size: var(--table-header-font-size);
  font-family: var(--table-header-font);
}

.row-table-row {
  font-size: var(--table-font-size);
  font-family: var(--table-font); 
  padding-top: 5px;
  padding-bottom: 5px;
}