html, body {position: relative; width: 100%; height: 100%; background-size: 100% 100%; background-repeat: no-repeat}
body .grid figure, body .grid .placeholder {
  width: 140px;
  height: 50px;
  display: inline-block;
  margin: 50px 0 0;
  text-align: center;
  font-size: 32px;
  color: #fff;
}
body .grid figure img {margin-top: 0}

#screen {width: 90%; height: 90%; top: 5%; left: 5%; position: absolute; background: rgba(204,77,13,0.45)}
.card-text {color: #666; padding: 25px}

#logo {text-align: center; padding-left: 0}
#logo img {width: 285px; margin: 55px 0 0}
.logo-card {float: right; width: 135px}
.card-text.galeria.domicilio .logo-card img {max-width: 100%}
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; height: 100vh;}
.container .close-content {padding: 0}
#spaut-home {text-align: center}
#spaut-home img {max-width: 150px}

.card-text.galeria.domicilio .whats-foot img {max-width: 85px;}

figure p {font-size: 13px; color: #00AEC2; font-weight: 600; margin: 0 0 5px}
figure p span {font-size: 9px; font-weight: 300}

.header-1 {margin: -45px -25px 0 !important}

/**/
.content.show, .show {min-height: 100%}
.show .card-text {height: 100%; min-height: 100%}

.card-text.privacidad ol li, .card-text.privacidad p {font-size: 13px}
.card-text.privacidad ol {padding-left: 15px}

#grid3d .content > div {background: #3d6d48}

.alainCard {position: relative}
.alainCard img {position: absolute; top: 70px; right: 0; width: 125px; height: auto}
.card-text.galeria.domicilio .fb img {max-width: 40px}

.card-text img.wlogo {max-width: 43%; 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: 20px;
    margin: 15px 0 20px;
    text-align: center;
    font-weight: 400;
}
.card-text h2 span {font-size: 13px}
.card-text h1 {
    color: #fff;
    font-size: 22px;
    margin: 15px 0 20px;
    text-align: center;
    font-weight: 400;
}

.card-text h3 {
    color: #fff;
    font-size: 36px;
    margin: 10px 0 0;
    text-align: left;
}

.evento.card-text h3, .evento.card-text.galeria.domicilio h2, .evento.card-text p {text-align: center}

#smedia {text-align: center}
#smedia img {width: 60px; margin: 0 10px}

.card-text p {font-size: 14px; color: #fff; text-align: left}
.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 ul {padding-left: 20px}
.card-text li {font-size: 14px; color: #fff; text-align: justify; position: relative; margin-bottom: 0}

.wapplogo img {max-width: 60%; height: auto; margin: 25px 0 !important;}
.datos a {color: #fff}

.center-text {text-align: center}
.center-text h4 {color: #00AEC2; text-align: center; margin-bottom: 20px; font-size: 16px}
.center-text p {margin-top: 0; text-align: center}
.card-text.galeria.domicilio.center-text img {max-width: 75%; margin-bottom: 0}
.card-text.galeria.domicilio.center-text img.gal {max-width: 100%}

.sports {position: absolute; bottom: 25px; width: 100%; text-align: center; left: 0}
.iso img {max-width: 120px}
.sports img {max-width: 90px}

.show p a {color: #666}

#menu-chulas p, #menu-chulas h2, #menu-chulas h3 {margin-right: 3%; margin-left: 3%}
#menu-chulas hr {border-top: dotted 10px #fff; border-bottom: 0 none; border-left: 0 none; border-right: 0 none; margin-top: 25px}
#menu-chulas p {font-size: 24px; margin-top: 0; font-family: 'Antonio', sans-serif; margin-bottom: 8px; font-weight: 700;}

#menu-chulas .price-right {position: absolute; top: 0; right: 0; font-size: 24px; font-style: normal}
#menu-chulas p.info-plato {font-weight: 400; font-size: 20px;}
#menu-chulas .price-chico {position: absolute; top: 0; right: 60px; font-size: 13px; font-style: normal}
#menu-chulas p, #menu-chulas h3 {position: relative; width: 94%; padding-right: 45px}
#menu-chulas h3 {font-family: 'Lato', sans-serif; font-weight: 900; color: #fff; text-align: left; padding: 0 !important; font-size: 44px;}
#menu-chulas h4 {font-family: 'Lato', sans-serif; font-weight: 900; color: #fff; font-size: 21px; text-align: left; width: 96%; margin: 0 3% 30px;}
.red-bar {background: #E30613; color: #fff; padding: 5px 10px}
#menu-chulas .red-bar p {margin: 0; color: #fff; padding: 0; font-size: 13px; text-align: center;}
.top-promo img {margin-right: -20px; margin-top: 10px}
.top-promo {padding-bottom: 20px; border-bottom: solid 6px #fff}
#menu-chulas p.description-pizza {font-size: 16px; font-weight: 300; margin-bottom: 25px;}
#promo {background: #cb2429; border-radius: 10px; border: solid 3px #fff; padding: 20px; text-align: center; margin-bottom: 30px;}
#menu-chulas p.letras-pequeñas {font-size: 12px; font-weight: 300; margin-bottom: 25px;}
#promo h3, #promo h4, #promo p {text-align: center; padding: 0;}

.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: 36px; line-height: 36px; text-align: center; color: #fff; font-size: 15px}
.wa-button.red-btn {background: #00AEC2; margin-top: 20px; width: 55%}
.card-text.galeria.domicilio img {max-width: 100%}
.card-text.galeria.domicilio img.wapplogo {float: right; width: 80px}
.card-text.galeria.domicilio h2 {margin-top: 20px; margin-bottom: 0; text-align: left}
.clear {clear: both}
#services-cont {background: #000; padding: 10px 20px; margin-top: 30px}
#gal-cont {background: #000; padding: 10px 20px; margin-top: 30px}

.card-text .mapa img.mapLogo {width: 175px; margin: 15px 0 20px}

@font-face {
    font-family: 'phosphaterrsoliduploaded_file';
    src: url('phosphaterr_solid-webfont.woff2') format('woff2'),
         url('phosphaterr_solid-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

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

#logo-small {width: 60%; margin-bottom: 50px;}
#media img, #inner-phone img {width: 70px; height: 70px; margin: 10px 10px 0;}
#media {width: 100%; position: absolute; bottom: 80px; text-align: center;}
#media a {display: inline-block; color: #fff;}

.icn-list li {position: relative; padding-left: 25px; list-style: none; margin-bottom: 30px}
.icn-list li:nth-child(1):before {position: absolute; top:-8px; left: -20px; background: url(img/i1.png); width: 35px; height: 35px; display: block; content: ''; background-size: contain; background-repeat: no-repeat}
.icn-list li:nth-child(2):before {position: absolute; top:-8px; left: -20px; background: url(img/i2.png); width: 35px; height: 35px; display: block; content: ''; background-size: contain; background-repeat: no-repeat}
.icn-list li:nth-child(3):before {position: absolute; top:-8px; left: -20px; background: url(img/i3.png); width: 35px; height: 35px; display: block; content: ''; background-size: contain; background-repeat: no-repeat}
.icn-list li:nth-child(4):before {position: absolute; top:-8px; left: -20px; background: url(img/i4.png); width: 35px; height: 35px; display: block; content: ''; background-size: contain; background-repeat: no-repeat}
.icn-list li:nth-child(5):before {position: absolute; top:-8px; left: -20px; background: url(img/i5.png); width: 35px; height: 35px; display: block; content: ''; background-size: contain; background-repeat: no-repeat}
.icn-list li:nth-child(6):before {position: absolute; top:-8px; left: -20px; background: url(img/i6.png); width: 35px; height: 35px; display: block; content: ''; background-size: contain; background-repeat: no-repeat}
.icn-list li:nth-child(7):before {position: absolute; top:-8px; left: -20px; background: url(img/i7.png); width: 35px; height: 35px; display: block; content: ''; background-size: contain; background-repeat: no-repeat}
.icn-list li:nth-child(8):before {position: absolute; top:-8px; left: -20px; background: url(img/i8.png); width: 35px; height: 35px; display: block; content: ''; background-size: contain; background-repeat: no-repeat}

.vcard-pill {text-align: center; border-radius: 30px; width: 80%; background: #a3409f; 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 #685c67; 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}