@font-face {
    font-family: "Real Head Pro";
    src: url(../fonts/Real-Head-Pro-Medium.ttf);
 }

 @font-face {
    font-family: "Real Head Pro";
    src: url(../fonts/Real-Head-Pro-Demibold.ttf);
    font-weight: bold;
 }

@font-face {
   font-family: "Real Head Pro";
   src: url(../fonts/Real-Head-Pro-Light.ttf);
   font-weight: 300;
}

@font-face {
    font-family: "Circe";
    src: url(../fonts/Circe.ttf);
    font-weight: bold;
 }

body,  html  {
    font-family:  'Real Head Pro',  sans-serif;
    font-size: 23px;
    line-height:  1.44rem;
    padding: 0;
    margin: 0;
    height:  100%;
    max-width: 100%;
}
body  {
    font-size: 1rem;
    background-color: #E30613;
    letter-spacing:  0px;
    color: #000;
}
.clear  {
    clear: both;
}
.max  {
    width: 100%;
    margin: 0 auto;
    text-align: center;
}
.container  {
    max-width: 1120px;
    margin: 0 auto;
    padding:  0 20px;
}
a  {
    border: 0;
    text-decoration: none;
    color: #000;
}
a:visited,  a:active  {
    border: 0;
    text-decoration: none;
    color: #fff;
}
.hide  {
    display: none;
}
.panel  {
    -webkit-transition:  background-color 1s ease;
    -moz-transition:  background-color 1s ease;
    -o-transition:  background-color 1s ease;
    transition:  background-color 1s ease;
}
header  {
    background-color: #fff;
    z-index: 4;
    top: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    position: fixed;
}
header svg,  header .i-veja  {
    float: left;
    padding: 11px 10px 9px;
    max-width: 140px;
}
header .wrapper  {
    width: 100%;
    max-width: 100%;
}
header .assinar  {
    float: right;
    padding:  5px 15px 5px;
}
header .assinar a  {
    font-size: 0.65rem;
    color: #E30613;
    text-transform: uppercase;
}
header .icon  {
    float: left;
    cursor: pointer;
    width: 20px;
    padding: 15px 10px 10px;
    color: #000;
}
.bgParallax  {
    background-position:  50% 0;
    background-attachment:  fixed;
}
nav  {
    -webkit-animation:  abrirnav 0.5s;
    -moz-animation:  abrirnav 0.5s;
    animation:  abrirnav 0.5s;
    background-color: #fff;
    font-size: 0.6rem;
    text-transform: uppercase;
    line-height: 0.9rem;
    border-right:  1px solid #888;
    height:  100vh;
    max-width:  230px;
    z-index: 4;
    top: 0;
    left: 0;
    padding:  20px 0;
    width: 100%;
    overflow: hidden;
    position: fixed;
}
nav svg,  nav .i-veja  {
    max-width:  140px;
    padding:  0 0 0 15px;
}
nav ul  {
    list-style:  none;
    padding: 0;
    margin: 20px 0 0;
    border-bottom:  1px solid #cecece;
    color: #000;
}
nav li  {
    padding: 10px 15px 10px 10px;
    margin: 0;
    border-top:  1px solid #cecece;
    border-left:  4px solid #fff;
    color: #000;
}
nav a,  nav a:visited,  nav a:active,  nav li a,  nav li a:visited,  nav li a:active  {
    color: #000;
}
nav li a:hover  {
    color: #000;
}
nav li:hover  {
    background-color: #f9f9f9;
    border-left:  4px solid #E30613;
}
nav .fechar  {
    float: right;
    width:  13px;
    padding:  5px 20px 0 0;
    cursor: pointer;
    color: #000;
}
@-webkit-keyframes abrirnav  {
    0%  {
    opacity:  0;
    -webkit-transform:  translateX(-100px);
    transform:  translateX(-100px);
}
100%  {
    opacity:  1;
    -webkit-transform:  translateX(0px);
    transform:  translateX(0px);
}
}
@keyframes abrirnav  {
    0%  {
    opacity:  0;
    -webkit-transform:  translateX(-100px);
    transform:  translateX(-100px);
}
100%  {
    opacity:  1;
    -webkit-transform:  translateX(0px);
    transform:  translateX(0px);
}
}
#logo  {
    background-color: #E30613;
    margin: 0 auto;
    max-width:  560px;
    padding:  50px 10px 30px;
    text-align: center;
}
#logo #santander  {
    display: block;
    width: 100%;
    margin: 0 auto 18px;
}
#logo #cl2 {
    margin: 0 auto 10px;
    width: 95%;
}
#logo #cl3 {
    margin: 0 auto 10px;
    width: 76%;
}
#logo #cl4 {
    margin: 0 auto 17px;
    width: 91%;
}
#logo #menu  {
    width: 35%;
    display: block;
    margin: 0 auto 10px;
}
#logo #vejasp  {
    width: 90%;
    display: block;
    margin: 0 auto;
}
.fundo-vermelho {
    background-color:  #E30613;
    width: 75%;
    margin: 0 auto;
}
.red-box {
    background-color: #901617;
    color: white;
    text-align: center;
    margin: 0 auto;
    margin-top: 30px;
    font-size: 0.8rem;
    padding:3px 10px;
    width: 80%;
    font-weight: bold;
}
#introducao  {
    background-image: url('../img/fundo.png');
    color: #fff;
    background-size: cover;
    background-position: center;
    padding-top: 100px;
    padding-bottom: 6%;
}
#introducao img  {
    max-width: 100%;
}
#introducao h1  {
    font-size:  3.3rem;
    line-height:  3.2rem;
    font-family:  'Real Head Pro',  sans-serif;
    padding: 0;
    margin: 0;
    max-width:  784px;
    margin: 0 auto;
}
#introducao .selecao  {
    font-size:  1.3rem;
    line-height:  2rem;
    margin: 20px 0 0;
    padding: 0;
}
#introducao .botoes  {
    max-width: 800px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-ms-pack: justify;
    -ms-box-pack: justify;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding:  0 20px;
    margin: 40px auto 0;
}
#introducao .botoes .ancora  {
    position: relative;
    -webkit-transition:  background 0.5s ease,  color 0.5s ease, border-color 0.5s ease;
    -moz-transition:  background 0.5s ease,  color 0.5s ease, border-color 0.5s ease;
    -o-transition:  background 0.5s ease,  color 0.5s ease, border-color 0.5s ease;
    transition:  background 0.5s ease,  color 0.5s ease, border-color 0.5s ease;
    background-color: #fff;
    color:  #E30613;
    border: 1px solid #E30613;
    text-transform: uppercase;
    font-weight: bold;
    width:  41%;
    min-height: 100%;
    padding:  1rem;
    line-height: 1.2rem;
}
#introducao .botoes .ancora:first-child  {
    line-height: 2rem;
}
#introducao .botoes .ancora a  {
    color:  #E30613;
}
#introducao .botoes .ancora:hover  {
    background-color:  #E30613;
    color: #fff;
    border: 1px solid white;
}
#introducao .botoes .ancora:hover a  {
    color: #fff;
}
#introducao .botoes .ancora:after  {
    content:  "";
    width:  100%;
    border-bottom:  1px solid #fff;
    display: block;
    left: -1px;
    position: absolute;
    margin-bottom: 2px;
    height: 10px;
    bottom: -9px;
}
#introducao .oferta  {
    margin: 80px auto 40px;
    max-width:  391px;
}
#introducao .detalhes  {
    margin: 0 auto;
    max-width:  680px;
    padding: 0 20px;
}
#cl6 {
    margin: 0 auto 20px;
}
#cl9 {
    width: 30%;
    margin: 0 auto 15px;
}
#introducao .detalhes .linha {
    display: flex;
    gap: 30px;
    align-content: center;
    align-items: center;
}
#introducao .detalhes .linha img {
    width: 16%;
    height: 100%;
}
#introducao .pratos,  #introducao .data  {
    width: 99%;
    text-transform: uppercase;
    font-size:  1.25rem;
    font-weight: bold;
    margin: 0 auto 10px;
    padding: 0.3rem 0.3%;
}
#introducao .pratos  {
    background-color:  #fff;
    color: #000;
}
#introducao .data  {
    background-color: #000;
    color: #fff;
}
#introducao h3  {
    width:  95%;
    font-size:  1.73rem;
    line-height: 1.8rem;
    margin: 10% auto 0;
    padding-bottom: 100px;
    font-family:  'Circe',  serif;
}
#sobre  {
    color: #fff;
    padding:  8% 0;
}
#sobre p  {
    width:  70%;
    margin: 0 auto;
    font-size: 1.2rem;
    line-height: 1.8rem;
}
.apresenta {
    width: 28%;
    margin: 0 auto 8px;
}
#beneficios  {
    padding: 0 20px 30px;
}
#beneficios .container  {
    width:  60%;
}
#beneficios p  {
    font-size: 1.05rem;
    line-height: 1.5rem;
}
#beneficios .meiosdepagamento  {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 30px;
}
#beneficios .meiosdepagamento img  {
    width: 9%;
    height: auto;
}
#beneficios .meiosdepagamento img#ben {
    margin-bottom: 15px;
}
#beneficios .meiosdepagamento img#esfera {
    width: 15%;
}
#beneficios .meiosdepagamento img#getnet {
    width: 15%;
}
#omenu  {
    padding:  0;
}
#omenu .data  {
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    padding:  15px;
    text-align: center;
}
#omenu .data p  {
    max-width:  500px;
    font-size: 1.21rem;
    line-height:  1.3rem;
    background-color: #000;
    padding: 10px 0;
    margin: -40px auto 0;
    text-align: center;
    position: relative;
    border-radius:  25px;
}
#omenu h3  {
    color: #E30613;
    text-transform: lowercase;
    text-align: right;
    font-style: italic;
    letter-spacing:  2px;
    font-size:  3rem;
    padding: 0;
    margin: 0;
}
.color-red  {
    background-color: #E30613;
    color: #fff }
.color-red a  {
    color: #fff;
}
.color-white  {
    background-color: #fff;
    color: #E30613;
}
.color-white a  {
    color: #E30613;
}
.color-grey  {
    background-color: #888;
}
#omenu #lista  {
    max-width:  1200px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap:  wrap;
    flex-wrap:  wrap;
    -webkit-box-pack:  center;
    -moz-box-pack:  center;
    -ms-box-pack:  center;
    -ms-flex-pack:  center;
    justify-content:  center;
    margin:  50px auto 0;
    padding:  0 20px;
}
#omenu #lista .estabelecimento  {
    -webkit-box-flex:  30%;
    -moz-box-flex:  30%;
    -ms-box-flex:  30%;
    -ms-flex:  30%;
    flex:  30%;
    max-width: 30%;
    position: relative;
    -webkit-box-align:  baseline;
    -moz-box-align:  baseline;
    -ms-box-align:  baseline;
    -ms-flex-align:  baseline;
    align-items:  baseline;
    margin-bottom: 2.5rem;
}
#omenu #lista .estabelecimento:not(:nth-child(3n))  {
    margin-right:  3%;
}
#omenu #lista .estabelecimento:nth-child(3n-2) .prato  {
    margin: 0 0 0 7%;
}
#omenu #lista .estabelecimento:nth-child(3n-2) .card  {
    margin: -30px 7% 0 0;
}
#omenu #lista .estabelecimento:nth-child(3n-1) .prato  {
    margin: 0 3.5% 0 3.5%;
}
#omenu #lista .estabelecimento:nth-child(3n-1) .card  {
    margin: -30px 3.5% 0 3.5%;
}
#omenu #lista .estabelecimento:nth-child(3n) .prato  {
    margin: 0 7% 0 0;
}
#omenu #lista .estabelecimento:nth-child(3n) .card  {
    margin: -30px 0 0 7%;
}
#omenu #lista .prato  {
    position: relative;
    max-width: 93%;
    margin: 0 0 0 7%;
    padding: 0;
    z-index: 2;
    width: 93%;
    height: 186px;
    object-fit: cover;
}
#omenu #lista .estabelecimento .card  {
    position: relative;
    z-index: 1;
    max-width:  93%;
    margin: -30px 7% 0 0;
    background-color: #ebebeb;
    padding: 5px 15px 0;
}
#omenu #lista .estabelecimento .capa  {
    min-height: 170px;
}
#omenu #lista .estabelecimento .titulo  {
    font-size:  0.78rem;
    line-height: 1rem;
    margin: 1.5rem 0 0.3rem;
    padding: 0;
    font-weight: bold;
    color: #E30613;
    text-transform: uppercase;
}
#omenu #lista .estabelecimento .descricao  {
    text-align: left;
    min-height: 2.6rem;
    font-size:  0.7rem;
    line-height: 0.90rem;
    color: #333;
    padding: 0;
    margin: 0 0 ;
}
#omenu #lista .estabelecimento .capa.exc .descricao  {
    min-height: 6.2rem;
}
#omenu #lista .estabelecimento .contato  {
    text-align:  center;
    font-size:  0.7rem;
    line-height: 0.90rem;
    color: #333;
    margin: 0 0;
    padding: 0.3rem 0 0.6rem;
}
#omenu #lista .estabelecimento .contato a,  #omenu #lista .estabelecimento .contato a:visited,  #omenu #lista .estabelecimento .contato a:active  {
    font-style: italic;
    color: #000 }
#omenu #lista .estabelecimento .contato a:hover  {
    text-decoration: underline;
}
#omenu #lista .estabelecimento .i-horario:first-of-type  {
    padding-left: 5px;
}
#omenu #lista .estabelecimento .i-horario  {
    width: 17px;
    padding: 0 3px;
    margin: 0 0 -2px;
}
#omenu #lista .estabelecimento .i-telefone,  #omenu #lista .estabelecimento .i-whatsapp,  #omenu #lista .estabelecimento .i-site,  #omenu #lista .estabelecimento .i-app  {
    width: 15px;
    padding: 0 3px;
    margin: 0 0 -4px;
}
#omenu #lista .estabelecimento .i-site  {
    margin: 0 0 -2px;
}
.cardapiodf {
    margin: 0.5rem auto 0.3rem;
    padding: 10px 15px 12px 15px;
    border-radius: 25px;
    background-color: #E30613;
    line-height: 0;
    width: 55%;
    opacity: 0.7;
    transition: all 0.3s ease;;
}
.cardapiodf a {
    color: white;
    font-weight: bold;
    font-size: 13px;
    line-height: 13px;
}
.cardapiodf:hover {
    opacity: 1;
}
#omenu .legenda img  {
    width: 17px;
    padding:  0 3px 0 0;
}
#omenu .legenda  {
    display: block;
    width: 100%;
    text-align: center;
    font-size:  0.65rem;
    letter-spacing: 1px;
    line-height: 1rem;
    color: #333;
    padding: 0 0;
    margin: 0 auto;
}
#separador  {
    width:  100%;
    margin: 50px 0 -1px;
    height:  80px;
    background:  -o-linear-gradient(left bottom,  #E30613 49.5%,  transparent 50%);
    background:  -webkit-gradient(linear,  left bottom,  right top,  color-stop(49.5%,  #E30613),  color-stop(50%,  transparent));
    background:  linear-gradient(to right top,  #E30613 49.5%,  transparent 50%);
}
#compartilhe  {
    background-color: #E30613;
    color: #fff;
    text-align: center;
    margin: 0;
    padding:  20px 0;
}
#compartilhe h3  {
    font-style: italic;
    text-align: center;
    letter-spacing:  2px;
    font-size:  1.52rem;
    margin: 0;
    padding: 0;
    line-height:  2.08rem;
    text-transform: lowercase;
}
#compartilhe ul  {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin: 20px 0 0;
    padding: 0;
    text-transform: lowercase;
}
#compartilhe ul li  {
    -webkit-transition: background 1s,  color 1s;
    -o-transition: background 1s,  color 1s;
    -moz-transition: background 1s,  color 1s;
    transition: background 1s,  color 1s;
    text-align: center;
    list-style: none;
    position: relative;
    -webkit-box-flex:  20%;
    -moz-box-flex:  20%;
    -ms-box-flex:  20%;
    -ms-flex:  20%;
    flex:  20%;
    margin:  0 1.25% 0;
    font-size:  0.95rem;
    line-height:  1.21rem;
    padding:  1%;
    border: 1px solid #fff;
    font-weight: bold;
    letter-spacing: 2px;
}
#compartilhe ul li:after  {
    content:  "";
    display: block;
    margin-bottom:  2px;
    border-bottom:  1px solid #fff;
    position: absolute;
    left: -1px;
    height: 10px;
    bottom: -9px;
    width: 100%;
    padding: 1px;
}
#compartilhe ul li a  {
    color: #fff;
}
#compartilhe ul li:hover  {
    background-color: #fff;
}
#compartilhe ul li:hover a  {
    color: #E30613;
}
#compartilhe p  {
    -webkit-transition:  background 1s,  color 0.5s;
    -o-transition:  background 1s,  color 0.5s;
    -moz-transition:  background 1s,  color 0.5s;
    transition:  background 1s,  color 0.5s;
    font-size: 1.35rem;
    display: inline-block;
    padding: 0 80px 3px 0;
    letter-spacing: 2px;
    color: #E30613;
    font-weight: bold;
    text-shadow:  0 1px 0 #fff,  0 -1px 0 #fff,  1px 0 0 #fff,  -1px 0 0 #fff;
    background: url('../img/acompanhe.svg') center right no-repeat;
    background-size: contain;
    line-height:  130px;
}
#compartilhe p:hover  {
    background-image: url('../img/acompanhehover.svg');
    color: #fff;
    text-shadow:  0 1px 0 #E30613,  0 -1px 0 #E30613,  1px 0 0 #E30613,  -1px 0 0 #E30613;
}
#compartilhe p a  {
    -webkit-transition: color 1s,  text-shadow 1s;
    -o-transition: color 1s,  text-shadow 1s;
    -moz-transition: color 1s,  text-shadow 1s;
    transition: color 1s,  text-shadow 1s;
    color: #E30613;
}
#compartilhe p:hover a,  #compartilhe p a:hover  {
    color: #fff;
    text-shadow:  0 1px 0 #E30613,  0 -1px 0 #E30613,  1px 0 0 #E30613,  -1px 0 0 #E30613;
}
footer  {
    background-color: #191919;
    color: #fff;
}
footer .wrapper  {
    width: 95%;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap:  nowrap;
    flex-wrap:  nowrap;
    -webkit-box-pack:  justify;
    -ms-box-pack:  justify;
    -moz-box-pack:  justify;
    -ms-flex-pack:  justify;
    justify-content:  space-between;
    padding: 15px 0 10px;
}
footer a:first-of-type  {
    fill: #fff;
    width: 50%;
    text-align: left;
}
footer svg:first-of-type,  footer img:first-of-type  {
    width: 120px;
}
footer .wrapper svg * {
    fill: #fff;
}
footer .wrapper ul  {
    list-style: none;
    width: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: right;
    -ms-flex-wrap:  nowrap;
    flex-wrap:  nowrap;
    -webkit-box-pack:  end;
    -ms-flex-pack:  end;
    justify-content:  flex-end;
    padding: 0;
    margin: 0;
    line-height: 30px;
}
footer .wrapper ul li  {
    -webkit-box-flex: 50%;
    -ms-box-flex: 50%;
    -moz-box-flex: 50%;
    -ms-flex: 50%;
    flex: 50%;
    font-size: 0.5rem;
    color: #888;
    text-align: right;
    text-transform: uppercase;
    padding: 0;
    margin: 0;
}
footer .wrapper ul img  {
    width: 30px;
    height: 30px;
    font-size: 0px;
    background-size: cover;
    background-repeat: no-repeat;
}
@media screen and (max-width: 1080px) {
    #introducao h1 {
        font-size: 2.8rem;
        line-height: 3rem;
    }
    #introducao .botoes .ancora a {
        font-size: 0.8rem;
        line-height: 1rem;
    }
    #cl7, #cl8 {
        display: block;
        width: calc(43% - 7px);
        height: auto;
    }

}
@media screen and (max-width: 991px)  {
#compartilhe p  {
    text-align: left;
    font-size: 1.35rem;
    padding: 10px 0 100px 0;
    line-height:  1.8rem;
    background-size: contain;
}
}
@media screen and (max-width: 880px)  {
    #introducao h1 {
        font-size: 2.1rem;
        line-height: 2.3rem;
    }
    #introducao .botoes .ancora a {
        font-size: 14px;
        line-height: 18px;
    }
    #introducao .oferta {
        margin: 60px auto 40px;
    }
    #introducao .detalhes .linha {
        gap: 15px;
    }
    #introducao h3 {
        font-size: 1.4rem;
        line-height: 1.8rem;
        padding-bottom: 70px;
    }
    #beneficios .meiosdepagamento img {
        width: 15%;
    }
    #beneficios .meiosdepagamento img#esfera {
        width: 22%;
    }
    #beneficios .meiosdepagamento img#getnet {
        width: 22%;
    }    
}
@media screen and (max-width: 720px)  {
    #omenu #lista .estabelecimento  {
    -webkit-box-flex:  40%;
    -moz-box-flex:  40%;
    -ms-box-flex:  40%;
    -ms-flex:  40%;
    flex:  40%;
    max-width: 40%;
}
#omenu #lista .estabelecimento:not(:nth-child(2n))  {
    margin-right:  3%;
}
#omenu #lista .estabelecimento:nth-child(2n-1) .prato  {
    margin: 0 0 0 5%;
}
#omenu #lista .estabelecimento:nth-child(2n-1) .card  {
    margin: -30px 5% 0 0;
}
#omenu #lista .estabelecimento:nth-child(2n) .prato  {
    margin: 0 5% 0 0;
}
#omenu #lista .estabelecimento:nth-child(2n) .card  {
    margin: -30px 0 0 5%;
}
}
@media screen and (max-width: 575px)  {
    body  {
    font-size:  20px;
    line-height: 1.35rem;
}
nav  {
    width:  100%;
    max-width: 100%;
}
.red-box {
    font-size: 0.6rem;
    width: 85%;
}
#introducao  {
    background-image: url(../img/fundomobile.png);
    background-attachment: scroll;
}
.fundo-vermelho {
    width: 85%;
}
#logo {
    padding: 25px 10px 30px;
}
#introducao .selecao  {
    font-size:  0.8rem;
    margin: 0;
}
#introducao h1  {
    width: 100%;
    padding: 0;
    font-size:  1.6rem;
    line-height: 1.8rem;
}
#introducao h3 {
    width: 95%;
    font-size: 1rem;
    line-height: 1.3rem;
    padding-bottom: 50px;
}
#introducao .botoes  {
    padding: 0;
    -ms-flex-wrap:  wrap;
    flex-wrap:  wrap;
}
#introducao .botoes .ancora  {
    float: none;
    margin:  0 auto 1rem;
    width: 85%;
    padding: 0.8rem;
}
#introducao .botoes .ancora:first-child  {
    line-height: 1.2rem;
}
#introducao .botoes .ancora a {
    font-size: 0.8rem;
    line-height: 1rem;
}
#cl6 {
    width: 95%;
}
#introducao .detalhes  {
    width:  100%;
    margin: 0 auto;
    padding: 0;
}
#introducao .oferta {
    margin: 30px auto 30px;
}
#introducao .pratos,  #introducao .data  {
    font-size: 0.8rem 
}
#cl9 {
    width: 42%;
}
#introducao .detalhes .linha img {
    width: 14%;
}
#introducao h3 {
    margin-top: 50px;
}
#sobre p  {
    width:  90%;
    font-size: 1.01rem;
    line-height: 1.7rem;
}
#beneficios  {
    padding-bottom:  2rem;
}
#beneficios .container  {
    width:  85%;
}
#beneficios p  {
    -webkit-box-flex: 90%;
    -moz-box-flex: 90%;
    -ms-box-flex: 90%;
    -ms-flex: 90%;
    flex: 90%;
    font-size: 0.9rem;
    line-height: 1.4rem;
}
#beneficios .meiosdepagamento {
    gap: 25px;
}
#beneficios .meiosdepagamento img {
    width: 20%;
}
#beneficios .meiosdepagamento img#esfera {
    width: 27%;
}
#beneficios .meiosdepagamento img#getnet {
    width: 27%;
}
#sobre {
    padding-bottom: 4rem;
}
#omenu #lista .estabelecimento .descricao {
    min-height: auto;
    padding: 10px;
}
#omenu .container  {
    padding:  0 5px;
}
#omenu h3  {
    line-height: 2rem;
}
#omenu #lista .estabelecimento  {
    -webkit-box-flex:  100%;
    -moz-box-flex:  100%;
    -ms-box-flex:  100%;
    -ms-flex:  100%;
    flex:  100%;
    max-width: 100%;
    margin-bottom: 2rem;
}
#omenu #lista .estabelecimento:not(:nth-child(3n))  {
    margin-right:  0;
}
#omenu #lista .estabelecimento:nth-child(3n-2) .prato,  #omenu #lista .estabelecimento:nth-child(3n-1) .prato,  #omenu #lista .estabelecimento:nth-child(3n) .prato  {
    margin: 0 0 0 7%;
}
#omenu #lista .estabelecimento:nth-child(3n-2) .card,  #omenu #lista .estabelecimento:nth-child(3n-1) .card,  #omenu #lista .estabelecimento:nth-child(3n) .card  {
    margin: -30px 7% 0 0;
}
#omenu .legenda  {
    display: block;
    width: 100%;
    text-align: left;
    font-size:  0.65rem;
    letter-spacing: 0;
}
#omenu .data p  {
    font-size:  1rem;
}
#compartilhe ul  {
    -ms-flex-wrap:  wrap;
    flex-wrap:  wrap;
}
#compartilhe ul li  {
    -webkit-box-flex: 100%;
    -moz-box-flex: 100%;
    -ms-box-flex: 100%;
    -ms-flex: 100%;
    flex: 100%;
    width:  70%;
    padding: 10px;
    margin:  0 auto 20px;
}
#compartilhe p  {
    text-align: left;
    font-size: 1.35rem;
    padding: 10px 0 100px 0;
    line-height:  1.8rem;
    background-position:  bottom right;
    background-size: auto;
}
footer .wrapper  {
    -ms-flex-wrap:  wrap;
    flex-wrap:  wrap;
}
footer a:first-of-type,  footer .wrapper ul,  footer .wrapper ul li  {
    width: 100%;
    text-align: center;
}
footer .wrapper ul img  {
    width: 40px;
    height: 40px;
}
}
@media screen and (max-width: 400px)  {
    #omenu #lista .estabelecimento .titulo  {
    font-size:  0.72rem;
    line-height: 1rem;
}
}