:root{--primarydark:#155691;--primarylight:#c2d9f0;--primarylightdarker:#8eb3d2;--menuheight:120px}*{-webkit-box-sizing:border-box;box-sizing:border-box}nav.menu{background:#fff;height:var(--menuheight);width:100%;-webkit-box-shadow:rgba(0,0,0,.41) 0 2px 4px;box-shadow:rgba(0,0,0,.41) 0 2px 4px;float:left;position:fixed;z-index:99;display:grid;grid-template-columns:2fr 1fr}.menu .logo{position:relative;height:100%;max-height:120px}.menu .logo img{position:relative;height:100%}.menu .logo img.text{height:50%;position:absolute;top:29px;left:150px}.menu .logo::after{content:" ";clear:both}.menu .menucontent{float:right;position:relative;top:0;list-style:none;list-style-position:inside;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,1fr);justify-items:stretch;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.menucontent li{height:100%;text-align:center}.menucontent a{font-family:Lato,sans-serif;font-weight:700;text-transform:uppercase;color:var(--primarydark);text-decoration:none}.menucontent>li>a{display:inline-block;height:100%;width:100%;background:#fff;line-height:120px;-webkit-transition:background .3s;transition:background .3s}.menucontent>li>a:hover{background:var(--primarylight)}.menucontent li:nth-child(3){padding-right:10px}.menucontent li:nth-child(4){border-left:1px solid rgba(0,0,0,.1)}.header{padding-top:var(--menuheight);height:calc(100vh);background:#c2d9f0}.header>img{height:100%;width:100%;-o-object-fit:cover;object-fit:cover}.menufoodarea,.secondarea{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.secondarea>*{display:block;width:100%}.secondarea img{width:100%;height:100%;min-height:30vh;max-height:100%;-o-object-fit:cover;object-fit:cover}.secondarea .description{padding:4vw 6vw}.rightarea p,.secondarea p{margin:32px auto;font-family:Lato,sans-serif;font-weight:300;text-align:justify;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;font-size:calc(18px + 1.7 * (100vw - 320px)/ 400);line-height:calc(18px + 3.5 * (100vw - 320px)/ 400)}.menufoodarea .rightarea{background:var(--primarylight);padding:2vw 6vw;text-transform:uppercase}.menufoodarea strong{font-weight:400;font-size:30px;line-height:42px}.menufoodarea .rightarea *{margin:32px auto;font-family:Lato,sans-serif;text-align:justify;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}.menufoodarea .rightarea ul{list-style-type:disc;list-style-position:inside;margin:5px auto}.menufoodarea .rightarea li{font-size:18px;margin:12px;text-transform:initial}.menufoodarea .rightarea button{font-size:20px;padding:10px 20px;border-radius:15px;background:var(--primarydark);color:#fff;border-top:2px solid #8fbae0;border-left:2px solid #8fbae0;border-bottom:2px solid #0d2d4a;border-right:2px solid #0d2d4a;cursor:pointer}.menufoodarea .rightarea button:hover{color:orange}@media (max-width:1020px){.menu .menucontent{display:none}}