*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #ddd;--box1: #e3e8d7;--dark: #333;--light: #fff;--shadow: 0 1px 5px rgba(104,104,104,0.8)}html{font-family:Arial,Helvetica,sans-serif;color:var(--dark)}body{position:relative;min-height:100vh;line-height:1.4;margin-left:35px;margin-right:35px;background:url(../images/brown.jpg);padding-bottom:100px}.btn{background:var(--dark);color:var(--light);padding:.6rem 1.3rem}#wrapper{grid:display;grid-template-columns:repeat(6, 1fr);grid-gap:12px;margin:0 auto}.header{margin:auto;padding:15px}header h1{font-size:35px}header p{font-size:18px}.menu{border:#2e8b57 3px solid}.top{background-image:url(../images/bar-6.jpg);background-repeat:repeat;height:120px}.top-bar{grid-area:top-bar;border:#2e8b57 3px solid;border-top:5px solid #79879c;height:55px}.main{grid-area:main;padding:18px;background-color:#dcdcdc;border:medium solid #ceab58}.boxes{display:grid;grid-gap:10px;grid-template-columns:repeat(auto-fit, minmax(220px, 1fr))}.box{background:var(--primary);text-align:center;padding:1rem .5rem 1.8rem .3rem;box-shadow:var(--shadow)}.boxes-mid{display:grid;grid-gap:10px;grid-template-columns:repeat(auto-fit, minmax(220px, 1fr));grid-template-rows:minmax 0,auto}.boxm{background:var(--primary);text-align:center;padding:1rem .5rem 1.8rem .3rem;box-shadow:var(--shadow)}.boxes-below{display:grid;grid-gap:10px;grid-template-columns:repeat(auto-fit, minmax(220px, 1fr));grid-template-rows:minmax 0,auto;background:azure}.box1{background:var(--box1);border:2px solid #fff;text-align:center;padding:.5rem .2rem;box-shadow:var(--shadow)}.wine-box{display:grid;grid-gap:10px;grid-template-columns:repeat(auto-fit, minmax(220px, 1fr));grid-template-rows:minmax 0,auto;background:azure}.wine{background:var(--box1);border:2px solid #fff;text-align:center;padding:.5rem .2rem;box-shadow:var(--shadow)}.footer{position:absolute;bottom:0;width:100%;height:7rem;right:0;left:0;background-color:#f1e0c4;border-top:#edb3f3 2px solid;border-bottom:#2c3a38 3px ridge;text-align:center}@media screen and (min-width: 33em 528px){.parent{grid-template-columns:1fr;grid-template-areas:"header" "menu" "breadcrumbs" "main" "footer" "box1" "box2" "box3" "box4" "slider" "box5"}.footer{height:12rem}}@media screen and (min-width: 54em 864px){.parent{grid-template-columns:1fr 1fr;grid-template-areas:"header header" "menu menu" "main max-height: none;" "footer footer" "box1" "box2" "box3" "box4" "slider" "box5"}}/*# sourceMappingURL=template.min.css.map */