@font-face {
    font-family: 'AA Bebas Neue';
    src: url('../fonts/AABebasNeue.eot');
    src: url('../fonts/AABebasNeue.eot?#iefix') format('embedded-opentype'),
        url('../fonts/AABebasNeue.woff2') format('woff2'),
        url('../fonts/AABebasNeue.woff') format('woff'),
        url('../fonts/AABebasNeue.ttf') format('truetype'),
        url('../fonts/AABebasNeue.svg#AABebasNeue') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Bebas Neue';
    src: url('../fonts/BebasNeueBold.eot');
    src: url('../fonts/BebasNeueBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/BebasNeueBold.woff2') format('woff2'),
        url('../fonts/BebasNeueBold.woff') format('woff'),
        url('../fonts/BebasNeueBold.ttf') format('truetype'),
        url('../fonts/BebasNeueBold.svg#BebasNeueBold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Bebas Neue Light';
    src: url('../fonts/BebasNeueLight.eot');
    src: url('../fonts/BebasNeueLight.eot?#iefix') format('embedded-opentype'),
        url('../fonts/BebasNeueLight.woff2') format('woff2'),
        url('../fonts/BebasNeueLight.woff') format('woff'),
        url('../fonts/BebasNeueLight.ttf') format('truetype'),
        url('../fonts/BebasNeueLight.svg#BebasNeueLight') format('svg');
    font-weight: 300;
    font-style: normal;

}

@font-face {
    font-family: 'Bebas Neue Cyrillic';
    src: url('../fonts/BebasNeueCyrillic.eot');
    src: url('../fonts/BebasNeueCyrillic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/BebasNeueCyrillic.woff2') format('woff2'),
        url('../fonts/BebasNeueCyrillic.woff') format('woff'),
        url('../fonts/BebasNeueCyrillic.ttf') format('truetype'),
        url('../fonts/BebasNeueCyrillic.svg#BebasNeueCyrillic') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Bebas Neue Book';
    src: url('../fonts/BebasNeueBook.eot');
    src: url('../fonts/BebasNeueBook.eot?#iefix') format('embedded-opentype'),
        url('../fonts/BebasNeueBook.woff2') format('woff2'),
        url('../fonts/BebasNeueBook.woff') format('woff'),
        url('../fonts/BebasNeueBook.ttf') format('truetype'),
        url('../fonts/BebasNeueBook.svg#BebasNeueBook') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Proxima Nova ExCn Lt';
    src: url('../fonts/ProximaNovaExCn-Light.eot');
    src: url('../fonts/ProximaNovaExCn-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/ProximaNovaExCn-Light.woff2') format('woff2'),
        url('../fonts/ProximaNovaExCn-Light.woff') format('woff'),
        url('../fonts/ProximaNovaExCn-Light.ttf') format('truetype'),
        url('../fonts/ProximaNovaExCn-Light.svg#ProximaNovaExCn-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}


* {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    box-sizing: border-box;
    border-spacing:0;
}
li{
	list-style-position: inside;
	list-style: none;
	display: inline-block;
}
input {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
:root {
  --green: #135540;
  --back: #f0ece6; 
}
/**************************************************************************************/
body, .wrapper{
	background-color:var(--back);
}
.wrapper{
	max-width: 430px;
	min-width: 320px;
	margin: 0 auto;
	padding:  0px 25px 0px;
	outline: 0px solid red;
}
#clear{clear: both;}
a{cursor: pointer;}
/**************************************************************************************/

/**************************************************************************************/

/**************************************************************************************/
header{
	text-align: center;
    width: 100%;
    max-width: 430px;
    min-width: 320px;
    margin: 0 -25px;
    padding: 12px 20px 20px;
    position: fixed;
    outline: 0px solid red;
	background-color:var(--back);
}
header img{
	width:70%;
	padding:10px 0 20px;
}
header .main-buttons button {
	display: inline-block;
	padding: 5px 15px 0;
	width: 47%;
	margin: 0 1%;
	font-family: 'Bebas Neue';
	font-size: 34px;
	line-height: 40px;
	text-decoration: none;
	border: 2px solid var(--green);
	cursor: pointer;
	color: var(--green);
	background-color:var(--back);
}
.btn.active{
	background-color: var(--green);
	color: var(--back);
}

/**************************************************************************************/
section:first-child{
	margin-top: 130px;
}
#akcii{
	margin-top:0px;
	display:none;
}
#akcii table{
	margin:0px;
}
#akcii table img{
	width:100%;
}
section{
	margin-top: 0px;
}
.wrapper:first-child section:nth-child(2), #akcii{
	margin-top: 0px;
	padding-top: 170px;
}
.wrapper>section .title{
	margin: 0 -25px;
	display: grid;
}
.wrapper>section .title img{
	width:100%;
}
.wrapper-black>section .title{
	background-color: #00b1bc;
    color: black;
}
.wrapper>section table{
	width: 100%;
	margin: 0px 0 0;
	padding-bottom: 35px;
}
.wrapper>section table td{
	vertical-align:bottom;
}
.wrapper>section table tr:last-child td, #drinks table tr td{
	color: black;
    font-family: 'Proxima Nova ExCn Lt';
    font-size: 20px;
    line-height: 20px;
    padding: 9px 0 0;
}
.wrapper>section table td:nth-child(1), #drinks table td:nth-child(1){
	width: 58%;
    color: black;
    font-family: 'Bebas Neue Cyrillic';
    font-size: 33px;
    line-height: 30px;
	font-weight: 100;
	padding-top:15px;
	padding-right:0%;
}
#drinks table td:nth-child(1) span{
	font-size: 23px;
    line-height: 22px;
}
.wrapper>section table td>img{
	display:inline-block;
	width:15px;
	margin-left:10px;
}
.wrapper>section table td:nth-child(2), #drinks table td:nth-child(2){
	width:15%;
	color: black;
    font-family: 'Bebas Neue Light';
    font-size: 18px;
    line-height: 22px;
    letter-spacing: 1px;
	text-align: center;
	font-weight: bold;
}
#drinks table td:nth-child(2){
	text-align: right;
}
.wrapper>section table td:nth-child(3), #drinks table td:nth-child(3){
	width:22%;
	color: black;
    font-family: 'AA Bebas Neue';
    font-size: 50px;
	line-height: 30px;
	text-align: right;
	font-weight: 100;
	padding-top: 15px;
}
#drinks table td:nth-child(3){
	padding-top: 15px;	
}
.wrapper>section table td:nth-child(3) span, #drinks table td:nth-child(3) span{
	color: black;
    font-family: 'Bebas Neue Light';
    font-size: 18px;
    line-height: 20px;
    letter-spacing: 1px;
	margin-left: 3px;
	font-weight: bold;
}
#drinks .title{
	margin: 0;
}
#drinks img{
    width:70%;
}

#akcii table p{
	font-family: 'Bebas Neue';
    font-weight: 100;
    font-size: 20px;
    line-height: 22px;
    margin: 0 5px 25px;
}
#special{
	font-family: 'AA Bebas Neue';
	display:inline-block;
}
#akcii table p:nth-child(3){
	margin-bottom:0;
} 
#akcii table p #bold, #akcii table p a{
    color: black;
    font-family: 'AA Bebas Neue';
    font-size: 35px;
    line-height: 35px;
    font-weight: 100;
	text-decoration: none;
}
#akcii table p a{
	display: block;
}
#akcii table p #bold{
	line-height: 35px;
}

/**************************************************************************************/

/**************************************************************************************/

/**************************************************************************************/

/**************************************************************************************/
@media screen and (max-width: 375px) {
	header {
    	margin: 0 -15px;
	}
	.wrapper{
		padding: 0px 15px 0px;
	}
	.wrapper-black {
		padding: 1px 15px 1px;
	}
	#roly table tr:first-child td img{
		width: 100%;
	}
	.wrapper-black>section table tr:nth-child(1) td, #dim table tr:last-child td {
	    padding: 20px 0 10px 20px;
	}
}
@media screen and (max-width: 350px) {
	.wrapper:first-child section:nth-child(2) {
		padding-top: 220px;
	}
}
@media screen and (max-width: 320px) {
	header nav {
		margin: 10px 0 0;
	}
	header nav li a {
		line-height: 17px;
	}
	.wrapper>section table td:nth-child(1){
		font-size: 30px;
		line-height: 27px;
	}
	.wrapper>section table td:nth-child(3) {
		font-size: 35px;
	}
	.wrapper:first-child section:nth-child(2) {
	    padding-top: 200px;
	}
	.wrapper>section table, .wrapper-black>section table {
	    width: 100%;
	    margin: 5px 0% 0px 0;
	}
	.wrapper-black>section table tr:nth-child(1) td, #dim table tr:last-child td {
	    padding: 15px 0px;
	}
	.wrapper-black>section table tr:nth-child(1) td img {
	    width: 85%;
	}
}