html, body {position: relative; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: bottom center}
body .grid figure, body .grid .placeholder {
    width: 100px;
    height: 100px;
    display: inline-block;
	margin: 6px
}

#screen {width: 86%; height: 90%; top: 5%; left: 7%; position: absolute; background: rgba(255,255,255,0.50)}
.card-text {color: #666; padding: 25px}

#logo {text-align: center; position: relative; margin-bottom: 10px}
#logo span {position: absolute; bottom: -35px; right: 30px; font-size: 11px; color: #fff}
#logo img {width: 255px; margin: 30px 0 15px}
h2.slogan {text-align: left; padding-left: 12%; margin-top: 5px; margin-bottom: 20px}
h2.slogan img {width: 100px}
section table {width: 90%; margin: 0 auto 15px}
section table td {font-size: 14px; text-align: left; padding: 5px 7px; color: #fff}
section table tr:nth-child(odd) td {background: #2d2d2d}
section table tr:nth-child(even) td {background: #222}

#powered {font-size: 11px; text-align: center; text-transform: uppercase; position: fixed; bottom: 9px; left: 0; width: 100%}
#powered img {max-width: 45px; height: auto; margin-bottom: -5px; margin-left: 3px; display: inline-block}

.container {position: relative}
.container .close-content {padding: 0}

figure p {font-size: 13px; color: #000; font-weight: 600; margin-top: 3px}
figure p span {font-size: 9px; font-weight: 300}
figure p.num {font-size: 18px}
/**/
.content.show, .show {min-height: 100%}
.show .card-text {height: 100%; min-height: 100%}

#grid3d .content > div {background: #fff; background-size: cover}

.card-text img.wlogo {max-width: 60%; height: auto; margin: 15px 0; display: inline-block; margin: 0}
.card-text img {max-width: 65%; height: auto; margin: 15px 0; display: inline-block; margin: 0}
.card-text p.card-slogan {font-size: 12px; text-align: center; margin-top: 0}
.card-text p.mas-info {margin-top: 70px; font-style: normal}
.card-text h2 {
    color: #000;
    font-size: 24px;
    margin: 90px 0 0;
    text-align: center;
    font-weight: 400;
	float: right
}

.card-text.domicilio h2 {color: #000; margin: 0; text-align: center; float: none}
.card-text.domicilio p {font-size: 16px}

.card-text hr {border-bottom: 0 none; border-left:0 none; border-right: 0 none; border-top: solid 3px #000; margin: 30px 0}
.clear {clear: both}
.card-text h3 {
    color: #000;
    font-size: 16px;
    margin: 0 0 20px;
    text-align: center;
    font-weight: 300;
}
.card-text h4 {color: #000; font-size: 18px; margin: 0 0 20px; text-align: center; font-style: italic}
.card-text p {font-size: 14px; color: #000; text-align: center; font-style: normal}
.card-text p.date, .card-text p.aviso {font-size: 15px; color: #fff; text-align: center; font-style: normal}
.card-text #vcard p {font-size: 15px !important; color: #666; font-style: normal}
.card-text li {font-size: 14px; color: #000; text-align: left; position: relative; margin-bottom: 0px; font-style: italic}
.menu-block p {text-align: left}
.menu-block ul {margin-top: 0}
.menu-block {margin-bottom: 40px}
.card-text p.price-ittem {font-weight: bold; font-size: 18px; font-style: italic; margin-bottom: 0}
.card-text p.price-ittem span {float: right; display: inline-block; font-weight: normal; font-size: 14px; font-style: normal}

.card-text p.bebidas {font-weight: bold; font-style: italic; margin-bottom: 0}
.card-text p.bebidas span {float: right; display: inline-block; font-weight: normal; font-style: normal}

.card-text img.card-logo {float: left; max-width: 130px; height: auto}

/*.card-text li:before {position: absolute; top: 0; left: -25px; content: ''; display: block; background: url(img/check.svg) no-repeat center center; width: 20px; height: 18px; background-size: cover}*/

.wa-button {text-align: center; border-radius: 30px; width: 80%; background: #25d366; display: inline-block; margin: 0 auto 20px}
.wa-button a {width:100%; height: 100; display: block; margin: 0; height: 42px; line-height: 42px; text-align: center; color: #fff; font-size: 18px}

.ph-button {text-align: center; border-radius: 30px; width: 80%; background: #57a5c4; display: inline-block; margin: 0 auto 20px}
.ph-button a {width:100%; height: 100; display: block; margin: 0; height: 36px; line-height: 36px; text-align: center; color: #fff; font-size: 15px}

.web-btn {text-align: center; border-radius: 30px; width: 80%; background: #f1ad00; display: inline-block; margin: 0 auto 20px}
.web-btn a {width:100%; height: 100; display: block; margin: 0; height: 36px; line-height: 36px; text-align: center; color: #fff; font-size: 15px}

p.center {text-align: center}
.domicilio img {max-width: 235px ; height: auto; margin-top: 20px; margin-bottom: 30px}

.vcard-pill {text-align: center; border-radius: 30px; width: 53%; background: #a91a18; display: inline-block; margin: 0 auto}
.vcard-pill a {width:100%; height: 100; display: block; margin: 0; height: 36px; line-height: 36px; text-align: center; color: #fff; font-size: 15px}

#vcard {background: #fff; padding: 80px 20px 20px; border-radius: 10px; max-width: 80%; margin: 100px auto 0; color: #333; position: relative}
#cardProfile {width: 150px; height: 150px; background: #666; border: solid 3px #000; border-radius: 500px; position: absolute; top: 0; left: 50%; margin-top: -75px; margin-left: -75px; overflow: hidden}
#cardProfile img {max-width: 100%; height: 100%; margin: 0}
#vcard p {color: #333}