Main
{
  flex: 1;
}
html, body {
  height: 100%;
}
body
{
  display: flex;
  flex-direction: column;
}
footer
{
  background-color: var(--bs-white);
  border-top: 1px solid #dee2e6;
}

@media (min-width: 1200px)
{
  footer p, footer ul li
  {
    font-size: 1.25rem;
  }
}
@media (max-width: 1200px)
{
  footer p, footer ul li
  {
    font-size: 1.1rem;
  }
}
@media (max-width: 992px)
{
  footer p, footer ul li
  {
    font-size: 1rem;
  }
}
@media (max-width: 768px)
{ 
  footer p, footer ul li
  {
    font-size: 0.75rem;
  }
}
@media (max-width: 576px)
{
  footer p, footer ul li
  {
    font-size: 0.6rem;
  }
}