*{box-sizing:border-box;scroll-behavior:smooth}html body{transition:2s ease-in-out;font-family:Verdana, Geneva, Tahoma, sans-serif;margin:0;position:relative;color:brown}html body #stt{display:none;position:fixed;bottom:10px;right:10px;z-index:99;cursor:pointer;padding:.5em;color:white;background-color:chocolate;border-radius:.5em}html body #stt:hover{color:black}html body .btn{padding:1em;background-color:#527a2a;border:none;border-radius:.5em;margin:.5em;cursor:pointer}html body .btn:hover{background-color:#2f5c02;color:white}html body header.top-head{position:sticky;top:0;width:100%;display:flex;flex-flow:row nowrap;justify-content:space-around;z-index:3;background-color:chartreuse}html body header.top-head nav{position:absolute;top:4em;width:inherit;overflow:hidden;height:0;background-color:brown;transition:1s ease-in-out}html body header.top-head nav .nav-items{display:flex;flex-direction:column;justify-content:space-around;height:100%}html body header.top-head nav .nav-items span{color:chartreuse}html body header.top-head nav .nav-items a{color:chartreuse;font-size:1em;text-decoration:none;transition:.5s ease-in-out}html body header.top-head nav .nav-items a:hover{font-weight:bold}@media screen and (min-width: 768px){html body header.top-head span{display:none}html body header.top-head nav{position:initial;width:auto;height:inherit;background-color:transparent;display:flex;flex-direction:row}html body header.top-head nav .nav-items{align-self:center;display:initial;height:fit-content}html body header.top-head nav .nav-items a{color:brown;margin:auto .5em}}html body .hero{height:100vh;background:url("../images/food-1.jpg") center no-repeat,linear-gradient(rgba(159,196,123,0.411), rgba(136,206,67,0.705));background-size:cover;background-blend-mode:multiply;position:relative}html body .hero .hero-content{display:grid;grid-template-columns:repeat(3, 1fr);grid-template-rows:20% 30% auto;word-wrap:break-word;height:100%;margin:auto;position:absolute;left:1em;z-index:2}html body .hero .hero-content .title{grid-area:2/1/3/4;display:grid;grid-template-columns:.5fr 1fr 1fr .5fr;grid-template-rows:50% 50%}html body .hero .hero-content .title h1{grid-area:1/1/2/4}html body .hero .hero-content .title h3{grid-area:2/2/3/5}html body .hero .hero-content .buttons{grid-area:3/1/4/5}@media screen and (min-width: 768px){html body .hero .hero-content{width:70%;left:10%}html body .hero .hero-content .title{display:initial}html body .hero .hero-content .title h3{margin-top:2em;transform:translateX(9em);width:fit-content}}html body .cta{background:rgba(150,201,100,0.705) border-box;padding:3em 0}html body .cta .card .img-holder{width:90%;margin:auto}html body .cta .card .img-holder img{border-radius:1em;width:100%}@media screen and (min-width: 768px){html body .cta .card{display:flex;flex-flow:row nowrap;justify-content:space-between;padding-top:1em}html body .cta .card .img-holder{width:50%}html body .cta .card .text{display:flex;flex-direction:column;justify-content:center;width:45%;text-align:left}html body .cta .card:nth-child(even){flex-direction:row-reverse}html body .cta .card:nth-child(even) .text{text-align:right}}html body .footer{background-color:brown;color:black;padding:1em 2em}html body .footer h2{color:chartreuse}html body .footer h4{margin-left:2em}html body .footer .links{margin-left:3em}html body .footer .links a{text-decoration:none;font-size:1em;color:black;display:block}