/**************************************************/
/* Custom css styles                              8/
/**************************************************/
html,
body {
	  scroll-behavior: smooth;

	font-family: Arial, Helvetica, sans-serif;
}
body {
	background: url(./../img/back.jpg);
    background-size: cover;
	background-attachment: fixed;
}
.container {
	width: 95%;
    display: block;
    margin: auto;
}
.logo {	width: 100%;text-align: center;margin-top: 15%;} 
.logo img {width: 80%; max-width: 500px;}
.inline {display: inline-block;}
.col30 {width: 28.9%;}
.col40 {width: 38.9%;}
.col50 {width: 48.9%;}
.centerobjects {text-align: center;}
.flag-lang {width: 90%;box-shadow: 0px 2px 13px 0px #252525;}
.pointer {cursor: pointer;}
.menulist {text-align: center;}
#chooselanguage {    
	position: absolute;
    top: 50%;
	font-size: calc(20px + 6 * ((100vw - 320px) / 680));
	font-weight: 600;
} 
#chooselanguage h2 {
	font-size: 16px;
}
#menuprincipal,
#mainmenu {
	margin: 0;
  position: absolute;
  top: 60%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.menu {
	color: #b93d21;
	font-size: calc(22px + 6 * ((100vw - 320px) / 680));
    font-weight: 600;
}
.menu ul {
	list-style: none;
	line-height: calc((1.1em * 2) + 4px);
}
h1 {font-size: calc(26px + 6 * ((100vw - 320px) / 680));font-weight: 200;}
h2 {color: #333333; font-size: calc(19px + 6 * ((100vw - 320px) / 680));}
.menulist p {color: #333333; font-size: calc(16px + 6 * ((100vw - 320px) / 680));font-weight: 400;width: 95%;margin: auto; margin-top: 5px;}
.price {
    float: right;
    margin-top: -2.6rem;
    font-size: calc(16px + 6 * ((100vw - 320px) / 680));
    color: #333;
    font-weight: 400;
}
#regresamenubtn,
#regresalangbtn,
#backmenubtn, 
#backlangbtn,
#regresamenualimentosbtn {
	border: 1px solid #b93d21;
    width: 110px;
    padding: 5px;
    border-radius: 10px;
    /* font-weight: 400; */
    /* font-size: 16px; */
    font-size: calc(16px + 6 * ((100vw - 320px) / 680));
    font-weight: 400;
    background: #b93d21;
    color: #e7dfbb;
	text-align: center;
}
.titledish {
	width: 90%;
}
h1.titlemenu {
	font-family: 'kolo', arial, sans-serif;
}
.footerspace {
	position: fixed;
    bottom: 40px;
    width: 90%;
	height: 40px;
	padding: 0 10px;
}
p.notes {
	font-size: 12px;
}
p.drinks {
	font-size: 14px;
    color: #000;
	width: 100%;
    font-weight: 300;
}
p.drinks span {
	 float: right;
}
.menu ul li,
.menu ul li a {
	text-decoration: none;
    color: #b93d21;
    font-size: calc(22px + 6 * ((100vw - 320px) / 680));
    font-weight: 600;
}
.backtotop,
#myBtn {
	position: fixed;
    bottom: 20px;
    right: 30px;
    z-index: 99;
    outline: none;
    cursor: pointer;
    border-radius: 10px;
    border: 1px solid #d2c79f;
    width: 110px;
    padding: 5px;
    font-size: calc(16px + 6 * ((100vw - 320px) / 680));
    font-weight: 400;
    background: #8b351b;
    color: #e7dfbb;
    text-align: center;
    text-decoration: none;
}
.backtotopcontainer {
	text-align: right;
}
#headerbar {
    position: absolute;
    top: 0;
    width: 96%;
}
.menucover {
	width: 100%;
	
}
#menubebidas,
#menupostres,
#menucomida,
#menufood,
#menudrinks,
#menudessert {
	margin-top: 20%;
}
.col-2 {
	background: #b93d21;
    color: white;
    width: 38%;
    text-align: center;
    padding: 5%;
    border-radius: 4px;
    display: inline-block;
	margin-top: 5px;
}
.col-2 a {
    font-weight: 200;
    text-decoration: none;
    color: #e0cfa2;
	font-size: calc(14px + 6 * ((100vw - 320px) / 680));
}
@media screen and (max-width: 399px) {
	.titledish {
		width: 65%;
		margin: auto;
	}
	.price {
		margin-top: -1.3rem;
	}
}
@media screen and (min-width: 700px) {
	.menu {
		font-size: calc(30px + 6 * ((100vw - 320px) / 680));
	}
	#regresamenubtn,
	#regresalangbtn	{
		width: 140px;
	}
}