.banner{background-color:var(--companyColor);justify-content:space-around;align-items:center;width:100%;padding:.5em;display:flex}.banner .text{width:40%;display:flex}.banner .text h5{color:var(--darkColor);margin:0 .5em}.banner .text h5 a{color:var(--darkColor)}.banner button{text-transform:uppercase;background-color:var(--lightColor);width:20%;color:var(--darkColor);border:solid 1px var(--darkColor);box-shadow:var(--shadow);border-radius:5px;align-self:center;padding:.5em 1em}.banner .socials{justify-content:end;width:40%;display:flex}.banner .socials svg{cursor:pointer;width:5%;margin:0 .5em}.banner .socials svg:last-child{fill:var(--darkColor);width:4%}header{border-bottom:solid 1px var(--companyColor);width:100%;box-shadow:var(--shadow);justify-content:space-around;align-items:center;padding:1em;display:flex}header img{width:10%;height:100%}header .menu{justify-content:center;width:80%;display:flex}header .menu li{cursor:pointer;margin:0 1em;list-style:none}header .side{justify-content:end;width:10%;display:flex}header .side svg{width:30%}@media (width<=900px){.banner .text{display:block}.banner .text .divide{display:none}.banner .socials svg{width:7%}.banner .socials svg:last-child{width:6%}header .side svg{width:50%}}@media (width<=500px){.banner{flex-direction:column}.banner .text{justify-content:center;width:100%;display:flex}.banner .text .divide{display:block}.banner button{width:40%;margin:.5em 0}.banner .socials{justify-content:center;width:100%;display:none}.banner .socials svg{width:3%}.banner .socials svg:last-child{width:2.5%}header{justify-content:space-between;padding:.5em}header .burgerMenu{width:15%}header .burgerMenu svg{cursor:pointer;width:100%}header .burgerMenu .menu1{background-color:var(--companyColor);width:60%;height:100%;padding:.5em;position:fixed;top:0;left:0}header .burgerMenu .menu1 .logo{justify-content:space-between;align-items:center;display:flex}header .burgerMenu .menu1 .logo img{width:30%}header .burgerMenu .menu1 .logo svg{width:15%}header .burgerMenu .menu1 ul{margin:1em 0}header .burgerMenu .menu1 ul li{color:var(--lightColor);margin:1em 0;list-style:none}header img{width:20%}header .side{width:15%}header .menu{display:none}}@media (width<=300px){.banner button{width:60%}header .burgerMenu .menu1{width:80%}}.home{height:80vh;color:var(--lightColor);background-position:50%;background-size:cover;padding:6em}.home h1{width:50%}.home h1 b{color:var(--companyColor)}.home h4{width:50%;margin:1em 0;font-weight:400}.home .buttons{justify-content:space-between;width:20%;margin:1em 0;display:flex}.home .buttons button{background-color:var(--companyColor);color:var(--lightColor);text-transform:uppercase;border:none;border-radius:5px;padding:.7em}.home .buttons button:last-child{border:solid 2px var(--companyColor);background:0 0}.hamper{text-align:center;flex-direction:column;align-items:center;padding:5em;display:flex}.hamper h4{text-transform:uppercase;color:var(--companyColor);margin:1em}.hamper h5{margin:1em 0}.hamper ul{grid-template-columns:repeat(4,1fr);margin:2em 0;list-style:none;display:grid}.hamper ul li{flex-direction:column;justify-content:center;align-items:center;display:flex}.hamper ul li svg{width:20%}.hamper ul li h5{width:80%}.hamper button{background-color:var(--companyColor);box-shadow:var(--shadow);border:none;border-radius:5px;padding:0 2em}.hamper button h4{color:var(--lightColor)}.category{background-color:var(--companyColor);text-align:center;color:var(--lightColor);flex-direction:column;align-items:center;padding:5em;display:flex}.category h4{text-transform:uppercase;margin:1em}.category h5{margin:1em 0;font-weight:700}.category ul{grid-template-columns:repeat(5,1fr);justify-items:center;gap:2em;margin:2em 0;list-style:none;display:grid}.category ul li{width:100%;box-shadow:var(--shadow);flex-direction:column;justify-content:center;align-items:center;display:flex}.category ul li img{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;border-top-left-radius:5px;border-top-right-radius:5px;width:100%;height:100%}.category ul li h5{color:var(--companyColor);text-transform:uppercase;background-color:var(--lightColor);border-bottom-right-radius:5px;border-bottom-left-radius:5px;width:100%;margin:0;padding:1em}.products{background-color:var(--lightColor);text-align:center;color:var(--companyColor);flex-direction:column;align-items:center;padding:5em;display:flex}.products h4{text-transform:uppercase;margin:1em}.products h3{color:var(--darkColor);margin:1em 0;font-weight:700}.products ul{text-align:left;grid-template-columns:repeat(5,1fr);justify-items:center;gap:2em;margin:2em 0;list-style:none;display:grid}.products ul li{width:100%;box-shadow:var(--shadow);flex-direction:column;justify-content:center;align-items:center;display:flex}.products ul li img{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;border-top-left-radius:5px;border-top-right-radius:5px;width:100%;height:100%}.products ul li h5{color:var(--darkColor);text-transform:uppercase;text-align:left;width:100%;margin:0;padding:1em}.products ul li h4{text-align:left;width:100%;padding:0 1em}.products ul li button{background-color:var(--lightColor);background-color:var(--companyColor);width:100%;color:var(--lightColor);border:none;border-bottom-right-radius:5px;border-bottom-left-radius:5px}.products ul li button h5{text-align:center;color:var(--lightColor)}.whyUs{display:flex}.whyUs img{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:50%}.whyUs .text{padding:5em}.whyUs .text h4{text-transform:uppercase;color:var(--companyColor);margin:1em 0}.whyUs .text h3{font-weight:700}.whyUs .text ul{list-style:none}.whyUs .text ul li{display:flex}.whyUs .text ul li svg{width:5%}.whyUs .text ul li h4{color:var(--darkColor);text-transform:none;margin:1em .5em;font-weight:lighter}.whyUs .text button{background-color:var(--companyColor);border:none;border-radius:5px;margin:1em 0;padding:1em}.whyUs .text button h4{color:var(--lightColor);margin:0}.details{background-color:var(--companyColor);text-align:center;padding:5em}.details h4{text-transform:uppercase;color:var(--darkColor);margin:1em}.details h3{color:var(--lightColor);margin:1em 0;font-weight:700}.details ul{grid-template-columns:repeat(4,1fr);align-items:center;gap:2em;list-style:none;display:grid}.details ul li,.details ul li h4{color:var(--lightColor)}.details ul li svg{width:25%}@media (width<=1500px){.home .buttons{width:25%}}@media (width<=1300px){.home .buttons{width:30%}.hamper ul,.details ul{grid-template-columns:repeat(3,1fr)}}@media (width<=1200px){.whyUs .text{padding:2em}}@media (width<=1100px){.home .buttons{width:35%}.category ul{grid-template-columns:repeat(4,1fr)}.products ul{grid-template-columns:repeat(3,1fr)}}@media (width<=1000px){.home{height:60vh}.home h1{width:70%}.home h4{width:80%}.home .buttons{width:45%}.hamper ul{grid-template-columns:repeat(2,1fr)}.whyUs .text ul li svg{width:10%}.details ul{grid-template-columns:repeat(2,1fr)}}@media (width<=800px){.home .buttons{width:50%}.category ul{grid-template-columns:repeat(3,1fr)}.whyUs{flex-direction:column}.whyUs img{width:100%}}@media (width<=700px){.home .buttons{width:65%}.products ul{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.home{padding:3em}.home h1{width:90%}.home h4{width:100%}.home .buttons{width:85%}.hamper,.category,.products,.details{padding:2em}}@media (width<=400px){.hamper ul{grid-template-columns:repeat(1,1fr)}.category ul{grid-template-columns:repeat(2,1fr)}.details ul{grid-template-columns:repeat(1,1fr)}}@media (width<=350px){.home{padding:3em 1em}}@media (width<=300px){.products ul{grid-template-columns:repeat(1,1fr)}}:root{--darkColor:#1c0c00;--lightColor:#f6f6f6;--companyColor:#b46f39;--shadow:0 2px 5px #0003}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--lightColor);font-family:Arial,sans-serif}button{cursor:pointer}h6{font-size:.7em}.inline-jc{justify-content:space-between;align-items:center;display:flex}h1{font-size:3rem}h2{font-size:2.5rem}h3{font-size:2rem}h4{font-size:1.5rem}h5{font-size:.9rem}p{font-size:.8rem}a{text-decoration:none}@media (width<=768px){h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.2rem}h4{font-size:1rem}p{font-size:.7rem}}@media (width<=500px){h5{font-size:.6rem}}@media (width<=300px){h1{font-size:2.1rem}h2{font-size:1.5rem}h3{font-size:1rem}h4{font-size:.8rem}h5,p{font-size:.5rem}}