:root {
    /* Interactive */
    --chatButton:#415eb3;
    --chatButtonHighlight:#5274d8;
    --navbarButton:#000000;
    --navbarButtonHighlight:#b41515;
    --callToActionButton:#f25f55;
    --callToActionHighlight:#f87168;
    /* Background */
    --background: #ffffff;
    --modal-background: linear-gradient(90deg, rgb(16 14 14) 0%, rgb(23 18 18) 100%);
    --alternate-background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(38,38,38,1) 100%);
    --alternate-background-flip: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(38,38,38,1) 100%);
    --light-background: linear-gradient(180deg, rgb(29 32 30) 0%, rgb(37 66 44) 100%);
    --alternate-light-background: linear-gradient(0deg, rgb(29 32 30) 0%, rgb(37 66 44) 100%);
    /* Text */
    --text: #000000;
    --alternate--text: #ffffff;
    --header-text:#0093f2;
    /* Other */
    --primary: rgb(68, 105, 77);
    --secondary: #415eb3;
    --tertiary: #c56e11;
    --quartery: #154961;
    --accent: rgb(231 80 62);
    --alternate-accent: #8bc34a;
    }
    
  /* ---------------------------- */
  
  body{
    padding-bottom: 0;
    margin: 0;
  }
  
  img {
    max-width: 100%;
  }
  
  a {
    text-decoration: none;
  }
  
  .logo {
    max-width:100%;
    width:8em;
   }
   
  .img {
    max-width:290px;
  }
  
  /* ---------------------------- */
  
  
  
  /* ---------------------------- */
  
  .background {
    background-color:var(--background);
  }
  
  .footerBackground {
    background-color:var(--quartery);
  }
  
  .alternateBackground {
    background: var(--alternate-background);
  }
  
  .alternateBackgroundFlip {
    background: var(--alternate-background-flip);
  }
  
  .lightBackground {
    background: var(--light-background);
  }
  .alternateLightBackground {
    background: var(--alternate-light-background);
  }
  
  /* ---------------------------- */
  
  /* ---------------------------- */
  
  .chatButton {
    background:var(--chatButton) !important;
    transition:ease-out 200ms;
    }
    
  .chatButton:hover {
  background:var(--chatButtonHighlight) !important;
  text-decoration:underline;
  }
  
  .callToActionButton {
    background:var(--callToActionButton);
    transition:ease-out 200ms;
  }
  
  .callToActionButton:hover {
    background:var(--callToActionHighlight);
  }
  
  
  /* ---------------------------- */
  
  /* ---------------------------- */
  
  .hero {
    filter: brightness(0.3), grayscale(1);
  }
  
  /* ---------------------------- */
  
  
  /* ---------------------------- */

  
  .hoverResponse {
    background-color:#0e5b6132;
    transition:ease-out 200ms;
  }
  .hoverResponse:hover {
    text-decoration:underline;
    color:#fff;
    background-color:#0e5b61;
  }
  
  .navUnderline {
  color:#ffffff;
  transition:ease-out 200ms;
  }
  
  .navUnderline:hover{
  text-decoration: underline;
  }
  
  .navBackground {
  background:var(--quartery);
  }
  
  /* ---------------------------- */
  
  
  .headerText {
    color:var(--header-text);
  }

  .text {
    color:var(--text);
  }

  .textAlternate {
    color:var(--alternate--text);
  }
  
  
  /* ---------------------------- */
  
  footer p, .upper-footer p{
    margin-bottom: 0;
    color: #fff;
  }
  
  footer {
    background-color: #0e5b61;
  }
  
  footer a {
    color: #fff;
    font-weight: bold;
    text-decoration: none;
  }
  
  footer a:hover {
    color: #f1f1f1;
  }
  
  footer, footer a, footer p {
    font-size: 12px;
    font-family: 'Roboto Condensed', sans-serif;
  }
  
  .upper-footer {
    background-color: #222;
  }
  
  /* ---------------------------- */