@font-face{font-family:Beauty;font-style:normal;font-weight:400;src:url(../fonts/beautydemo.woff2) format("woff2"),url(../fonts/beautydemo.woff) format("woff")}@font-face{font-family:Gill Sans;font-style:normal;font-weight:500;src:url(../fonts/gill_sans_medium-webfont.woff2) format("woff2"),url(../fonts/gill_sans_medium-webfont.woff) format("woff")}@font-face{font-family:Gill Sans;font-style:normal;font-weight:400;src:url(../fonts/gill_sans-webfont.woff2) format("woff2"),url(../fonts/gill_sans-webfont.woff) format("woff")}@font-face{font-family:Gill Sans;font-style:normal;font-weight:300;src:url(../fonts/gill_sans_light-webfont.woff2) format("woff2"),url(../fonts/gill_sans_light-webfont.woff) format("woff")}body{background-image:url(../img/bg_matuchi.png);background-size:cover;font-family:Gill Sans;margin:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}header{background-color:#f7ffff;border-bottom:1px solid #ceb78c;position:fixed}header,header div{height:75px;width:100%}header div{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:768px}header .logo{background-image:url(../img/logo_matuchi_blue.png);background-position:50%;background-repeat:no-repeat;background-size:contain;display:block;height:75px;width:175px}header .back{background-color:rgba(0,0,0,.039);background-image:url(../img/back.svg);background-size:25px 25px;border:1px solid hsla(39,40%,68%,.42);border-radius:8px;margin-left:12px}header .back,header .language-switcher{background-position:50%;background-repeat:no-repeat;height:50px;width:50px}header .language-switcher{margin-right:12px}header .language-switcher.en{background-image:url(../img/en.svg)}header .language-switcher.nl{background-image:url(../img/nl.svg)}main{align-items:center;display:flex;flex-direction:column;width:100%}main .logo{padding-bottom:30px;padding-top:50px;width:250px}main h1{font-weight:400}main .categories{max-width:768px;padding-bottom:30px;padding-top:75px;width:100%}main .categories ul{margin:0;padding:0}main .categories h2{color:#fff;font-family:Beauty;font-size:52px;font-weight:400;letter-spacing:2px;margin:0;padding:30px 10px 10px;text-align:center;text-shadow:2px 2px 6px rgba(0,0,0,.5)}main .categories .item{background-color:#f7ffff;border-top:none;color:#97d0c3;display:block;padding:0 20px}main .categories .item .top{display:flex;line-height:24px;padding-bottom:3px;padding-top:15px}main .categories .item .top .title{color:#606060;flex-grow:1;letter-spacing:1px;text-transform:uppercase}main .categories .item .top .price{color:#c1aa86;min-width:60px;padding-left:10px;text-align:right}main .categories .item .description{color:#606060}main .categories .item a{text-decoration:none}main .categories .item:first-child{border-top:1px solid #ceb78c;padding-top:15px}main .categories .item:first-child .top:first-child{padding-top:0}main .categories .item:last-child{border-bottom:1px solid #ceb78c;padding-bottom:15px}main .categories .item.item-title .top{padding-top:15px}main .categories .item.item-title .top .title-up{color:#606060;flex-grow:1;letter-spacing:1px;text-transform:uppercase}main .categories .item.item-sub{border-bottom:none;padding-bottom:0;padding-top:0}main .categories .item.item-sub .top{padding-bottom:0;padding-top:0}main .categories .item.item-sub .title{text-transform:none}main .categories .item.item-sub:last-child .top{padding-bottom:15px}main .categories .item.item-price-top{border-bottom:none;padding-bottom:0}main .categories .item.item-price-top .top{justify-content:right;padding-bottom:0}main .categories .item.item-price-top .price{background-color:#ceb78c;color:#fff;font-size:13px;font-weight:500;min-width:50px;padding:0;text-align:center;text-transform:uppercase;width:50px}main .categories .item.item-price-top .price:last-child{margin-left:20px}main .categories.landing{padding-top:20px}main .categories.landing h2{color:#303030;padding-bottom:0;padding-top:15px;text-shadow:none}footer{color:#000;font-weight:300;text-align:center}@media (min-width:768px){main .categories .item{border-left:1px solid #ceb78c;border-right:1px solid #ceb78c}main .categories .item:first-child{border-top-left-radius:10px;border-top-right-radius:10px}main .categories .item:last-child{border-bottom-left-radius:10px;border-bottom-right-radius:10px}}
