@media (max-width: 1000px) {
    nav.top-nav ul {
        display: none; 
    }
    .order-btn-wrapper {
        display: none; 
    }
    
    .hamburger-menu {
        display: flex; 
    }

    .menu-cover, .menu-page2 {
        width:80%; /* Reduce the width to 90% of the container on smaller screens */
        max-width: none; /* Remove the max-width constraint on smaller screens */
    }
    
    .warning{
        background-color: rgba(153, 50, 50, 0.625);
        padding:10px;
        color:black;
        text-align: center;
        margin-top: 100px;
        font-size:12px;
    
    
    }

}


@media screen and (min-width:800px) {
    #menu{
        max-height: 100vh;
    }
    .contact-form{
        max-width: 1100px;
    }
    .contactForm{
        grid-template-columns: 1fr 1fr;
    }   

    .contactMethod{
        flex-direction: row;
        justify-content: space-between;
    }
    .menu-cover, .menu-page2 {
        width:80%; /* Reduce the width to 90% of the container on smaller screens */
        max-width: none; /* Remove the max-width constraint on smaller screens */
    }

    
    
}

@media (max-width: 600px)
{
    .menu-cover, .menu-page2 {
        width:80%; /* Reduce the width to 90% of the container on smaller screens */
        max-width: none; /* Remove the max-width constraint on smaller screens */
    }

}


@media (max-width: 576px) {
    /* Styles for extra small devices (phones) */
    .map-box{
        margin-left: 20px;
    }
    
    
    .informat {
        flex-direction: column; /* Stack elements vertically */
        align-items: center;
        height:130vh;

    }
    .map-box {
        width: 100%; /* Full width on smaller screens */
        height: 250px; /* Adjust height */
        margin-top:-50px;
    }
    .box-info {
        margin-left: 30px;
    }
    .bio-text {
        font-size: 10px;
        text-align: center;
        margin-left: 0;
        margin-top: 20px;
    }
    #about {
        margin-top:-60px;
        flex-direction: column; /* Stack items vertically */
        align-items: center; /* Center align items */
    }
    .heromenu{
        width: 100%;
        min-height:130vh;
    }

    .page {
        flex-direction: column; /* Stack items vertically */
        align-items: center; /* Center align items */
    }
    .bio-img{
        height:400px;
        width: 300px;
        margin-top:20px;

    }
    .menu-cover, .menu-page2 {
        width: 80%; /* Reduce the width to 90% of the container on smaller screens */
        max-width: none; /* Remove the max-width constraint on smaller screens */
    }
   

}

@media (min-width: 577px) and (max-width: 768px) {
    /* Styles for small devices */
    .bio-img {
        width: 30%;
    }
    
    .informat {
        flex-direction: column; /* Stack elements vertically */
        align-items: center;
        height:130vh;

    }

    .map-box {
        width: 100%; /* Full width on smaller screens */
        height: 250px; /* Adjust height */
        margin-top:-50px;
        margin-left:20px;
    }
    .box-info {
        margin-left: 0px;
    }
    .bio-text {
        font-size: 11px;
        text-align: center;
        margin-left: 0;
        margin-top: 20px;
    }
    #about {
        margin-top:-60px;
        flex-direction: column; /* Stack items vertically */
        align-items: center; /* Center align items */
    }

    .page {
        flex-direction: column; /* Stack items vertically */
        align-items: center; /* Center align items */
    }
    .bio-img{
        margin-top:20px;
        height:400px;
        width: 300px;

    }
}

@media (min-width: 769px) and (max-width: 992px) {
    /* Styles for medium devices (tablets) */
    .informat {
        flex-direction: column; /* Stack elements vertically */
        align-items: center;
        height:130vh;

    }

    .map-box {
        width: 100%; /* Full width on smaller screens */
        height: 250px; /* Adjust height */
        margin-top:-50px;
        margin-left:20px;
        
    }
    .box-info {
        margin-left: 30px;
        
    }
    .bio-text {
        font-size: 11px;
        text-align: center;
        margin-left: 0;
        margin-top: 20px;
    }
    #about {
        margin-top:-60px;
        flex-direction: column; /* Stack items vertically */
        align-items: center; /* Center align items */
    }

    .page {
        flex-direction: column; /* Stack items vertically */
        align-items: center; /* Center align items */
    }
    .bio-img{
        margin-top:20px;
        height:400px;
        width: 300px;

    }
}

@media (min-width: 993px) and (max-width: 1200px) {
    /* Styles for large devices (desktop) */
    .informat {
        flex-direction: column; /* Stack elements vertically */
        align-items: center;
        height:130vh;
    }

    .map-box {
        width: 100%; /* Full width on smaller screens */
        height: 250px; /* Adjust height */
    }
    .box-info {
        margin-left: 0px;
    }
    
}

@media (min-width: 1200px) {

    .informat{
        height:100vh;
    }
    .box-info{
        margin-top:230px;
    }
    .map-container2{
        margin-top:170px;
    }
    
    /* Styles for extra large devices (large desktop) */
}