*{
    margin:0;
    padding:0;
    box-sizing:border-box;
    font-family:'Poppins',sans-serif;
}

body{
    background:#111111;
    color:#fff;
}

.container{
    width:100%;
}

header{
    background:#1F3A2E;
    text-align:center;
    padding:35px 20px;
    border-bottom:3px solid #D4AF37;
}

header h1{
    font-size:40px;
    color:#D4AF37;
    margin-bottom:8px;
}

header p{
    color:#ddd;
    font-size:18px;
}

.menu-section{
    width:90%;
    max-width:900px;
    margin:40px auto;
}

.menu-card{
    background:#1c1c1c;
    border-radius:18px;
    overflow:hidden;
    margin-bottom:35px;
    box-shadow:0 15px 35px rgba(0,0,0,.35);
    transition:.35s;
}

.menu-card:hover{
    transform:translateY(-6px);
}

.menu-card img{
    width:100%;
    display:block;
    border-radius:18px;
}

footer{
    background:#1F3A2E;
    color:#D4AF37;
    text-align:center;
    padding:20px;
    margin-top:20px;
    font-size:15px;
}

@media (max-width:992px){

header h1{
    font-size:34px;
}

.menu-section{
    width:92%;
}

}

@media (max-width:768px){

header{
    padding:25px 15px;
}

header h1{
    font-size:28px;
}

header p{
    font-size:15px;
}

.menu-section{
    width:95%;
    margin:25px auto;
}

.menu-card{
    margin-bottom:20px;
    border-radius:12px;
}

.menu-card img{
    border-radius:12px;
}

footer{
    font-size:14px;
}

}

@media (max-width:480px){

header h1{
    font-size:24px;
}

header p{
    font-size:14px;
}

.menu-section{
    width:96%;
}

}