/* Custom styles for mobile responsiveness */
@media (max-width: 991.98px) {
.navbar-brand {
display: block !important;
color: white !important;
font-size: 1.25rem;
font-weight: bold;
text-decoration: none;
position: absolute;
left: 50%;
transform: translateX(-50%);
}

.navbar-brand:hover {
color: white !important;
text-decoration: none;
}

.navbar-nav {
text-align: left;
}

.navbar-nav .nav-item {
margin: 0.25rem 0;
}
}

@media (min-width: 992px) {
.navbar-brand {
display: block !important;
color: white !important;
font-size: 1.25rem;
font-weight: bold;
text-decoration: none;
}

.navbar-brand:hover {
color: white !important;
text-decoration: none;
}

.navbar-nav {
margin-left: auto !important;
}
}

/* Button responsiveness */
.btn-block {
height: 100%;
min-height: 50px;
display: flex;
align-items: center;
justify-content: center;
white-space: normal;
word-wrap: break-word;
}

@media (max-width: 767.98px) {
.btn {
font-size: 0.9rem;
padding: 0.5rem 0.75rem;
}
.btn-block {
min-height: 45px;
}
}

/* Header responsiveness */
#top {
padding: 1rem 0;
}

@media (max-width: 767.98px) {
#top .container p {
font-size: 1.1rem;
margin-bottom: 0.5rem;
}

.alert p {
font-size: 0.9rem;
}

.display-4 {
font-size: 2rem;
}
}

/* Content spacing improvements */
.container {
padding-left: 15px;
padding-right: 15px;
}

@media (max-width: 575.98px) {
.container {
padding-left: 10px;
padding-right: 10px;
}
}