*, *::before, *::after {
    box-sizing: border-box;
}
* {
    margin: 0;
}
body {
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
    padding:4%;
    background-image: url('img/home_bg.jpg');
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    font-family: "Poppins", sans-serif;
    text-align:center;
    min-height:100vh;
}

body.menu {
    background-image: url('img/menu_bg.jpg');
    background-size: 256px 256px;
    background-repeat: repeat;
    background-position: top left;
}

img, picture, video, canvas, svg {
    display: block;
    max-width: 100%;
}

input, button, textarea, select {
    font: inherit;
}

p, h1, h2, h3, h4, h5, h6 {
    overflow-wrap: break-word;
}

#root, #__next {
    isolation: isolate;
}

h2 {
    padding: 10px 0;
    border-top:2px solid #000;
    border-bottom:2px solid #000;
    font-weight:normal;
}

a {
    color:#000;
    text-decoration: none;
}

a.button {
    text-transform: uppercase;
    padding:6px 16px;
    font-size:16px;
    font-weight: bold;
}

a.button.active {
    background-color: #000;
    color:#fff;
    padding:6px 16px;
    box-shadow: 0 6px 12px rgba(0,0,0,0.25);
}

img.logo {
    margin:1vh auto 3vh auto;
    width:100%; max-width:380px; height:auto;
    filter: drop-shadow(0 1px 0 rgba(255,255,255,0.5));
}

.home img.logo {
    margin:20vh auto;
}

ul.lang {
    list-style: none;
    display: inline-flex;
    flex-direction: row;
    padding:0; margin:5px 0 25px 0;
    position:absolute;
    right:20px; top:20px;
    padding:7px;
    z-index:10;
}

ul.lang li {
    font-weight: bold;
    padding:7px;
}

ul.lang li.active {
    color:#fff;
    background-color:#111;
}

ul.lang li a {
    color:#000;
}

ul.tabs {
    list-style: none;
    display: inline-flex;
    flex-direction: row;
    padding:0; margin:0px 0 15px 0;
    width:100%;
    flex-wrap:wrap;
    justify-content: center;
    line-height:2;
    width:auto; max-width:450px;
    font-size:32px;
}

#menu { 
    text-align: left;
    margin:10px auto;
    width:auto; max-width:450px;
}

#menu img {
    display:inline;
}

#menu .section {
    display:none;
}

#menu .section.active {
    display:block;
}

#menu .potrawa {
    position:relative;
    padding-right:50px;
    margin:25px 0;
}

#menu .cena {
    position:absolute;
    right:0; top:0;
    font-size:18px;
    font-weight:bold;
}

#menu div h2 {
    width:100%;
}