.banner-main {
    text-align: center;
    background-color: #0C6995;
    color: #fff;
    width: 100%;
    padding: 15px 0 20px 0;
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url('StateTemplate/images/background.jpg');
    background-size: cover;
}
.home-logo {
    border: 2px solid #fff;
    padding: 4px 12px 4px 12px;
}
.bold-underline {
    text-decoration: underline;
    font-size: 120%;
    font-weight: bold;
    color: #074D72;
}

.panel-title {
    font-size: 120%;  
  }

.btn-primary {
    font-size: 100%;
 }


/* Ensure phone numbers are responsive */
.phone-number {
    font-size: 1rem; /* Base font size */
    text-align: right; /* Align text to the right */
    white-space: nowrap; /* Prevent numbers from breaking into multiple lines */
}

/* Adjust font size and alignment for smaller screens */
@media (max-width: 768px) {
    .phone-number {
        font-size: 1rem; /* Slightly smaller font size for tablets */
        text-align: center; /* Center-align for better readability */
    }
}

@media (max-width: 480px) {
    .phone-number {
        font-size: 0.9rem; /* Smaller font size for mobile devices */
        text-align: center; /* Keep center alignment */
    }
}