html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}

.left-logo-img {
    width: 156px;
    height: auto;
}

.right-logo-img {
    width: 130px;
    height: auto;
}

/*	The @media (max-width: 576px) media query applies styles only when the screen 
    width is 576px or less (mobile devices).
*/
@media (max-width: 576px) {
    .left-logo-img {
        width: 80px;
        height: auto;
    }

    .right-logo-img {
        width: 75px;
        height: auto;
    }

    .header-btn {
        font-size: 0.75rem; /* Smaller button size for mobile */
        padding: 0.25rem 0.5rem; /* Adjust padding for smaller buttons */
    }
}