body {
    margin:0;
    font-family: Arial, sans-serif;
    background:#efefef;
}

.container {
    max-width:1200px;
    margin:auto;
    padding:40px 20px;
}

.header {
    text-align:center;
    margin-bottom:40px;
}

.logo {
    max-width:200px;
}

.search {
    width:60%;
    padding:12px;
    margin-top:20px;
    border-radius:30px;
    border:1px solid #ccc;
}

.menu-grid {
    display:grid;
    grid-template-columns: repeat(auto-fit, minmax(200px,1fr));
    gap:20px;
    margin-bottom:60px;
}

.menu-item {
    background:#e3e3e3;
    padding:40px 20px;
    text-align:center;
    cursor:pointer;
    transition:0.3s;
}

.menu-item:hover {
    background:#d5d5d5;
}

.menu-item span {
    font-size:40px;
    display:block;
    margin-bottom:10px;
    color:#777;
}

.section {
    background:white;
    padding:40px;
    margin-bottom:40px;
}

.section h2 {
    background:#7c7c7c;
    color:white;
    padding:10px;
}