/* Default size (for large screens) */
.navigation .button-item
{
    background-color:aqua;
}
.navigation .button-item a {
    display: inline-block;
    background-color: #124a94; /*Button background color */
    color: white !important; /* Button text color */
    padding: 10px 20px !important; /* Padding for the button */
    text-align: center;
    text-decoration: none; /* Remove underline */
    font-weight: bold; /* Bold text */
    transition: background-color 0.3s ease; /* Smooth hover effect */
    
}

    .navigation .button-item a:hover {
        background-color: #f9313b; /* Darker shade on hover */
        color: #ffffff !important;  /* Darker shade on hover */
    }

.logo-img {
    width: 250px;
    height: 100px;
}

/* Medium screens (tablet size) */
@media (max-width: 1024px) {
    .logo-img {
        width: 250px;
        height: 100px;
    }
}

/* Small screens (mobile size) */
@media (max-width: 768px) {
    .logo-img {
        width: 150px;
        height: 60px;
    }
}