/* Navigation bar styles */
.big-nav-container {
    overflow: hidden;
    max-height: 60px; /* Set initial height of big-nav-container */
    position: relative;
}

.big-nav-button {
    display: block;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

.icon {
    display: none; /* Hide burger menu icon by default */
    float: right;
    cursor: pointer;
    padding: 15px;
    background-color: #fff;
    border: none;
    color: #fff;
}

/* Responsive styles */
@media screen and (max-width: 1000px) {
    .big-nav-container {
        display: block;
        max-height: 120px;
    }
    .big-nav-container a{
        display: none;
    }
    .big-nav-button {
        font-size: 80px;
        width: auto;
    }
    .big-nav-container.responsive {
        display: flex;
        flex-direction: column;
        max-height: 700px; /* Adjust max-height to extend menu downward */
    }

    .big-nav-container.responsive .big-nav-button {
        display: block;
        float: none;
    }

    .icon {
        display: block; /* Show burger menu icon */
        position: absolute;
        top: 0;
        right: 0;
        height: 120px;
        width: 120px;
    }
}