h1
{
	text-transform:lowercase;
	font-size:60px;
	margin:0 0 20px 0;
}

.flex-aside
{
    position:fixed;
    display:flex;
    width:120px;
    height:120px;
    background:#FFF;
    background-color:rgb(220, 47, 47);
    z-index:2;
}

.flex-aside .logo
{
	width:120px;
	height:120px;
}

.flex-aside .slogan
{
	position:absolute;
	left:50%;
	top:50%;
	margin:0;
}

.flex-container
{
	display:flex;
	flex:1;
}

.flex-content
{
	width:100%;
}

.section
{
	width:100%;
	position:relative;
	display:flex;
    justify-content:space-around;
	box-sizing:border-box;
	padding:0;
}

.section.grey
{
	display:flex;
	justify-content:space-between;
	align-items:center;
	width:100%;
	background:rgba(34, 38, 45, 0.9);
	color:#FFF;
	box-sizing:border-box;
    padding:70px 70px 70px 190px;
}

.section img
{
	flex-basis:auto;
}

.sub-section
{
	display:flex;
	justify-content:space-between;
	align-items:center;
	width:100%;
	background:rgba(34, 38, 45, 0.9);
	color:#FFF;
	box-sizing:border-box;
    padding:70px 70px 70px 190px;
}

.flex-right
{
	width:450px;
	text-align:right;
}


.section--menu
{
	background-image:url(../assets/bg.png);
	background-repeat:no-repeat;
	height:500px;
}

.sub-section.sub-section--timetable
{
	position:absolute;
	left:0;
	top:0;
	z-index:1;
}

.sub-section.sub-section--geo
{
	position:absolute;
	left:0;
	bottom:0;
	z-index:1;
}

.section.section--payment
{
	padding:50px 70px 50px 190px
}

.section.section--payment table
{
	text-align:left;
	width:100%;
}

.section.section--payment table td
{
	display:flex;
    justify-content:space-between;
}

.section-phone-number
{
	font-size:50px;
	text-align:right;
}

.main-container
{
	width:100%;
	display:flex;
	position:relative;
	justify-content:center;
}

.main-container-bg
{
	width:100%;
	height:700px;
	background:url(../assets/bg.png) no-repeat center top;
	background-size:cover;
	position:absolute;
	left:0;
	top:0;
}

.main-container-bg::after
{
	content:'';
	width:100%;
	height:40px;
	background:url(../assets/border.png) repeat;
	position:absolute;
	left:0;
	bottom:0;
	
}

.food-delivery
{
	border-radius:3px;
	background:none;
	border:1px solid #22262D;
	width:200px;
	height:60px;
	font-size:13px;
	text-align:center;
	text-transform:uppercase;
	position:absolute;
	top:100px;
	line-height:60px;
	color:#22262D;
}

.slogan
{
	width:200px;
	height:60px;
	font-size:12px;
	text-align:right;
	text-transform:uppercase;
	position:absolute;
	top:100px;
	left:50%;
	margin-left:200px;
	color:#FFF;
}

.food-delivery:hover
{
	color:#FFF;
	background:#22262D;
}

.food-menu
{
	background:#FFF;
	box-sizing:border-box;
	border:10px solid #22262D;
	width:800px;
	margin:400px 0 100px;
	z-index:1;
	position:relative;
	padding:0 0 75px 0;
}

.food-menu .prices-disclaimer
{
	position:absolute;
	right:25px;
	bottom:20px;
	width:180px;
	text-align:right;
}

.food-menu-selector
{
	width:800px;
	position:absolute;
	top:265px;
	display:flex;
    justify-content:space-between;
	z-index:1;
}

.food-menu-category
{
	font-size:60px;
	color:#FFF;
	opacity:0.6;
	position:relative;
	display:block;
	cursor:pointer;
}

.food-menu-category.active, .food-menu-category:hover
{
	opacity:1;
	color:#22262D;
}

.food-menu-category.active
{
	cursor:default;
}

.food-menu-category.active::after
{
	content:'';
	position:absolute;
	box-sizing:border-box;
	width:0;
	height:0;
	left:50%;
	bottom:-63px;
	margin-left:-20px;
	border-top:20px solid transparent;
	border-right:20px solid transparent;
	border-bottom:20px solid #22262D;
	border-left:20px solid transparent;
}

.food-menu-main-list
{
	padding-top:35px;
}

.food-menu-main-list a
{
	text-transform:uppercase;
	font-size:14px;
	color:#22262D;
	line-height:70px;
	text-indent:40px;
	display:block;
	width:100%;
}

.food-menu-main-list a:hover
{
	background:#8C0000;
	color:#FFF;
}

.food-menu table
{
	border-collapse:collapse;
	width:100%;
}

.food-menu table td
{
	border-top:1px solid #22262D;
	border-bottom:1px solid #22262D;
}

.food-menu .dish-category
{
	text-indent:30px;
	font-size:30px;
	line-height:80px;	
	text-transform:uppercase;
	border-top:none;
}

.food-menu .dish-category span
{
	float:right;
    margin-right:30px;
    font-size:13px;
	opacity:0.5;
}

.food-menu .dish-name
{
	font-size:13px;
	padding-left:30px;
	line-height:40px;
	opacity:0.5;
}

.food-menu .dish-price
{
	text-align:right;
	padding-right:30px;
	font-size:20px;
	line-height:40px;
	border-left:1px solid #22262D;
	width:95px;
	vertical-align:middle;
}

@media all and (max-width:1000px) and (min-width:0) 
{

.main-container
{
	padding-top:387px;
}

.flex-aside
{
	height:120px;
	width:100%;
	position:absolute;
	left:0;
	top:0;
}

.food-menu-category
{
	font-size:50px;
	display:block;
	width:33%;
	float:left;
	color:#22262D;
}

.food-menu-category:nth-child(1)
{
	text-align:left;
}


.food-menu-category:nth-child(2)
{
	text-align:center;
}


.food-menu-category:nth-child(3)
{
	text-align:right;
}

.food-menu-category.active::after
{
    content: '';
    position: absolute;
    box-sizing: border-box;
    width: 0;
    height: 0;
    left: 50%;
    bottom: -63px;
    margin-left: -20px;
    border-top: 20px solid transparent;
    border-right: 20px solid transparent;
    border-bottom: 20px solid #22262D;
    border-left: 20px solid transparent;
}

.food-menu
{
	width:800px;
	margin:0 auto 100px;
}

.food-menu-selector
{
	width:800px;
    margin:0 0 0 -400px;
	display:block;
}

.section
{
	padding:0;
}

.section.grey
{
	padding:70px;
}

.sub-section
{
	padding:70px;
}

.section.section--payment
{
	padding:50px 70px;
}

.food-delivery
{
	top:30px;
	left:160px;
	margin:0;
	color:#FFF;
	border-color:#FFF;
	z-index:2;
}

.slogan
{
	top:48px;
	margin:0;
	right:30px;
	z-index:2;
}

.section img
{
	width:130px;
	height:130px;
}

.food-menu .dish-category
{
	font-size:35px;
	line-height:70px;
}

.food-menu .dish-name
{
	font-size:25px;
	line-height:50px;
}

.food-menu .dish-price
{
	font-size:25px;
	line-height:50px;
}

.flex-right
{
	width:auto;
	text-align:left;
	margin-top:20px;
}

}