@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap";.about-container{display:flex;justify-content:space-between;align-items:center;padding-left:50px;padding-right:70px;padding-bottom:50px}.about-section{width:550px}#about-is-img{width:550px;border-radius:20px}@media only screen and (max-width: 600px){.about-container{width:95%;flex-direction:column;padding-left:10px;padding-right:10px}.about-section{width:370px;margin:0 auto}#about-is-img{width:95%;margin:0 auto;padding-top:15px}}@media only screen and (min-width: 430px) and (max-width: 770px){.about-container{width:100%;flex-direction:column;padding-left:5px;padding-right:5px}}.footer-container{height:470px;background-color:#bcdbbc66;margin-top:70px;display:flex;justify-content:space-evenly;align-items:center}.info-left>p,.info-right>p{font-size:14px}.info-right>img{width:600px}.hours,.location{display:flex;gap:10px}#clock,#location,#facebook,#instagram{width:23px}.social-media{padding-top:20px}.social-media>p{font-size:14px}.social-media>a{padding-right:10px}@media only screen and (max-width: 600px){.footer-container{flex-direction:column;height:770px}.address-info{padding-left:15px}#google-maps{width:100%}}.Navigation{height:70px;position:sticky;top:0;z-index:1000;background-color:#ffffffb3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;flex-direction:row;justify-content:space-between;align-items:center}.logo-container img{width:70px;height:60px;padding-left:20px}.hamburger-menu{display:none;cursor:pointer;padding-right:15px}.bar{width:25px;height:3px;background-color:#333;margin:5px 0}.nav-list{list-style:none;display:flex;justify-content:center;align-items:center;gap:10px;padding-right:40px}.nav-element{width:70px;text-align:center;padding:7px;font-weight:700;font-size:14px;cursor:pointer;color:#392c2c}.nav-element:hover{background-color:#446e2e60;color:#fff;font-weight:600}@media only screen and (max-width: 600px){.Navigation{width:100%}.hamburger-menu{display:block}.nav-list{display:none;flex-direction:column;position:absolute;align-items:center;top:54px;right:0;width:100%;background-color:#fff;z-index:1001;transition:right .3s ease-in-out}.nav-element{width:100%;margin:0 auto;text-align:center;padding:25px;font-size:17px;cursor:pointer}.nav-element:hover{background-color:#446e2ecc;color:#fff;font-weight:600}.navigation-container.open .nav-list{display:flex}}.Hero-section{width:100%;height:600px;background-image:url(/assets/hero-img-B7SmMz0x.png);background-size:cover;background-position:center;display:flex;flex-direction:column;justify-content:center;align-items:center}.Hero-section>h1{font-size:25px;font-weight:300;color:#fff;z-index:1}.Hero-section>img{width:220px}@media only screen and (max-width: 600px){.Hero-section{width:100%;height:300px}.Hero-section>h1{font-size:17px;text-align:center;width:100%}.Hero-section>img{width:170px}}.menu-container{padding-top:20px;padding-bottom:50px;padding-left:30px;display:flex;flex-direction:row;align-items:flex-start;gap:60px}.category-buttons{display:flex;flex-direction:column;gap:5px}.category-buttons>button{width:190px;font-size:14px;font-weight:300;border:none;background:none;padding:11px;color:#434343;cursor:pointer;text-align:start}.category-buttons>button:hover{color:#89c689;font-weight:600}.category-buttons>button.active{border:1px solid rgb(137,198,137);color:#71a071;font-weight:600}.menu-items-grid{display:grid;grid-template-columns:repeat(3,390px);gap:20px}.menu-item{border:1px solid #ccc;padding:20px}.item-desc{font-size:14px}#menu-price{font-weight:500;padding-top:10px;color:#468046}#category-img{display:none}@media only screen and (max-width: 600px){.menu-container{flex-direction:column;padding-left:10px;padding-right:10px}.category-buttons{width:100%;flex-direction:row;overflow-x:auto;padding-bottom:10px}.category-buttons>button{flex:0 0 auto;width:130px;padding:9px;text-align:center;font-size:13px;border:1px solid rgb(34,34,34);border-radius:10px;margin-right:10px}.category-buttons>button:hover{font-weight:500}.menu-items-grid{grid-template-columns:1fr;width:95%;margin:0 auto}#category-img{display:block;margin:0 auto;width:40px;padding-bottom:10px}}@media only screen and (min-width: 430px) and (max-width: 770px){.menu-container{flex-direction:column;padding-left:10px;padding-right:10px}.category-buttons{width:100%;flex-direction:row;margin-bottom:30px;overflow-x:auto}.category-buttons>button{flex:0 0 auto;width:120px;padding:10px;text-align:center;font-size:12px;border:1px solid black;border-radius:25px;margin-right:10px}.category-buttons>button:hover{font-weight:500}.menu-items-grid{grid-template-columns:1fr;width:100%}}.recommended-food-container{height:500px;background-color:#bcdbbc4d;display:flex;justify-content:space-between;align-items:center;padding-right:40px;padding-left:60px;padding-top:50px}.headline-part>h1{width:300px;font-size:35px;color:#392c2c}#menu-btn{font-family:Montserrat;background-color:#392c2c;color:#fff;padding:13px;font-size:12px;cursor:pointer}#menu-btn:hover{color:#392c2c;background-color:#fff;font-weight:500}.recommended-food-imgs{display:flex;gap:30px}.food-item{width:250px;height:360px;border-radius:20px;background-color:#fff;padding-bottom:5px}.food-item>img{width:250px;height:250px;border-top-left-radius:20px;border-top-right-radius:20px}.food-item>h4{text-align:center;font-size:15px;font-weight:500}.food-item>p{text-align:center;font-size:11px;padding:0 10px}.recommended-food-imgs li{list-style:none}@media only screen and (max-width: 600px){.recommended-food-container{display:none}}@media only screen and (min-width: 430px) and (max-width: 770px){.recommended-food-container{flex-direction:column;height:600px;justify-content:center;gap:10px;padding-left:0;padding-right:0}.headline-part{width:700px;display:flex;justify-content:space-between;align-items:center;gap:40px}.food-item{width:220px;height:340px}.food-item>img{width:220px;height:220px}.recommended-food-imgs{gap:20px;padding:0 10px}}body{margin:0}html{font-family:Montserrat,sans-serif}#headline{font-size:30px;line-height:90px;padding-left:50px;color:#392c2c}@media only screen and (max-width: 600px){html,body{overflow-x:hidden}#headline{font-size:25px;padding-left:30px}}@media only screen and (min-width: 430px) and (max-width: 770px){html,body{overflow-x:hidden}}
