@media(max-height: 1000px) and (min-width: 1280px) {
    #pag_reserva #reserva .centro {
        align-items: unset;
        position: relative;
    }
    #pag_reserva #reserva .mask_img {
        height: calc(100vh - 180px);
        position: sticky;
        top: 143px;
    }
}
@media(max-height: 915px) {
    #banner .conteudo {
        bottom: 50px;
    }
    #banner .conteudo .simbolo1 {
        width: 210px;
        height: 254px;
    }
    #banner h2 {
        font-size: 53px;
        line-height: 62px;
        margin-top: 30px;
    }
    #banner p {
        font-size: 18px;
        line-height: 26px;
    }
    header .logo a {
        width: 70px;
        height: 70px;
    }
    header nav a {
        font-size: 14px;
    }
    header .bt_menu_mobile {
        width: 30px;
        height: 21px;
        margin-top: -1px;
    }
    #pag_reserva main {
        padding-top: 160px;
    }
    #pag_reserva #reserva .mask_img {
        height: calc(100vh - 180px);
        top: 137px;
    }
    header.ativo .logo a {
        width: 45px;
        height: 55px;
    }
    #conteudo_historia .centro {
        padding-top: 140px;
    }
    #conteudo_historia .cores {
        height: 375px;
    }
    #conteudo_cardapio .centro {
        padding-top: 165px;
    }
}
@media(max-height: 800px) {
    #franqueado .mask_img:not(#franqueado .listagem_imagens .mask_img) {
        height: 100vh;
    }
    #franqueado .conteudo {
        bottom: 50px;
    }
}
@media(max-height: 750px), (max-width: 1000px) {
    #banner .conteudo {
        width: 650px;
    }
    #banner .conteudo .simbolo2 {
        width: 235px;
        height: 44px;
        margin-top: 25px;
    }
    #banner h2 {
        font-size: 42px;
        line-height: 50px;
        margin-top: 25px;
    }
    #banner p {
        font-size: 15px;
        line-height: 22px;
    }
    #banner .conteudo .simbolo1 {
        width: 190px;
        height: 230px;
    }
    .listagem_cardapio .mask_img {
        height: 380px;
    }
    .listagem_cardapio {
        margin-top: 35px;
    }
    #historia .mask_img {
        height: 500px;
    }
    #franqueado h2 {
        font-size: 40px;
        margin-bottom: 35px;
    }
    #franqueado p, #franqueado p b {
        font-size: 18px;
        line-height: 26px;
        margin-top: 20px;
    }
    #franqueado form input {
        height: 40px;
    }
}
@media(max-height: 630px) {
    #banner .conteudo .simbolo1 {
        width: 157px;
        height: 190px;
    }
    #banner .conteudo .simbolo2 {
        width: 200px;
        height: 37px;
        margin-top: 20px;
    }
    #banner .conteudo {
        bottom: 40px;
    }
}
@media(max-width: 1680px) {
    header .centro,
    footer .centro {
        width: calc(100% - 80px);
    }
    /*header nav:not(header.ativo nav) {
        margin-top: -40px;
    }
    header .bt_menu_mobile:not(header.ativo .bt_menu_mobile) {
        margin-top: -44px;
    }*/
    #historia .centro {
        max-width: 1420px;
    }
    #historia .esquerda {
        padding-left: 260px;
    }
}
@media(max-width: 1551px) {
    #historia .centro {
        max-width: 1320px;
    }
    #historia .esquerda {
        padding-left: 206px;
    }
    #pag_fale_conosco #banner {
        height: 520px !important;
    }
    #pag_fale_conosco #banner .centro {
        padding-top: 120px !important;
    }
}
@media(max-width: 1467px) {
    #pag_reserva #reserva .centro {
        max-width: 1320px;
        grid-template-columns: 50% 1fr;
    }
    #reserva .valor {
        column-gap: 65px;
    }
    #franqueado .conteudo {
        max-width: 1320px;
    }
    footer .top {
        grid-template-columns: 300px 150px 300px 1fr;
    }
    footer .bottom {
        padding: 15px 0;
    }
    #modal_reserva .content .modal_right h2 {
        font-size: 32px;
    }
}
@media(max-width: 1367px) {
    #historia .centro,
    #pag_reserva #reserva .centro,
    #franqueado .conteudo {
        max-width: 1220px;
    }
    #historia .esquerda {
        padding-left: 120px;
    }
    #reserva .valor {
        flex-direction: column;
        align-items: flex-start;
        row-gap: 30px;
    }
    footer .top {
        grid-template-columns: 270px 130px 292px 1fr;
        column-gap: 80px;
    }
}
@media(max-width: 1000px) {
    header nav {
        display: none;
    }
    header .bt_menu_mobile {
        margin-left: auto;
    }
    #reserva .centro {
        max-width: calc(100% - 80px);
        grid-template-columns: 1fr;
        row-gap: 30px;
        padding-top: 0;
    }
    .cores {
        grid-template-columns: 1fr !important;
    }
    #reserva .cores {
        grid-template-rows: 190px 1fr;
    }
    #cardapio .centro {
        max-width: calc(100% - 80px);
    }
    .listagem_cardapio {
        gap: 20px;
    }
    .listagem_cardapio .mask_img {
        height: 300px;
    }
    .listagem_cardapio .mask_img article {
        padding: 20px 15px;
    }
    #historia .centro, #pag_reserva #reserva .centro, #franqueado .conteudo {
        max-width: calc(100% - 80px);
    }
    #historia .centro {
        grid-template-columns: 1fr;
        row-gap: 30px;
    }
    #historia .esquerda {
        padding-top: 40px;
        padding-left: 0;
    }
    #historia .mask_img {
        height: calc(100vw - 80px);
        margin-top: 20px;
    }
    #historia .cores {
        grid-template-rows: 650px 1fr;
    }
    footer .top {
        grid-template-columns: 1fr;
        row-gap: 15px;
    }
    footer .mapa_site nav a {
        max-width: unset;
    }
    #pag_reserva #reserva .centro {
        grid-template-columns: 1fr;
    }
    #pag_reserva #reserva .mask_img {
        height: 500px;
    }
    #conteudo_historia .centro {
        max-width: calc(100% - 80px);
    }
    #conteudo_historia .top,
    #conteudo_historia .meio,
    #conteudo_historia .bottom {
        grid-template-columns: 1fr;
        row-gap: 40px;
    }
    #conteudo_historia .top .mask_img {
        width: 100%;
        height: auto;
        margin-left: 0;
    }
    #conteudo_historia .top article {
        padding-top: 0;
        margin-right: 0;
    }
    #conteudo_historia h2 {
        font-size: 45px;
        line-height: 52px;
        color: #2c2c2c;
    }
    #conteudo_historia .top p {
        margin-top: 30px;
    }
    #conteudo_historia .meio .mask_img {
        height: auto;
        grid-row: 1;
    }
    #conteudo_cardapio .centro {
        max-width: calc(100% - 80px);
    }
    #conteudo_cardapio .rodizio,
    #conteudo_cardapio .a_la_carte {
        grid-template-columns: 1fr;
        row-gap: 35px;
    }
    #conteudo_cardapio .imagens {
        grid-row: 1;
        grid-auto-flow: column;
        grid-auto-columns: calc(100vw - 80px);
        grid-auto-rows: calc(100vw - 80px) !important;
        overflow-x: scroll;
    }
    #pag_fale_conosco #banner {
        height: 580px !important;
    }
    #conteudo_fale_conosco .centro {
        max-width: calc(100% - 80px);
    }
    #franqueado .conteudo {
        grid-template-columns: 1fr;
        padding: 40px;
        row-gap: 40px;
        position: unset;
        transform: unset;
    }
    #franqueado .mask_img img:not(#franqueado .listagem_imagens .mask_img img) {
        display: none;
    }
    #franqueado .mask_img:not(#franqueado .listagem_imagens .mask_img) {
        background: url(../imagens/franqueado.jpg) center no-repeat;
        background-size: cover;
        height: fit-content;
        padding-top: 170px;
        padding-bottom: 40px;
    }
    #franqueado .sombra_banner {
        background: url(../imagens/sombra1_banner.png) center top no-repeat, url(../imagens/sombra2_banner.png) center bottom no-repeat, rgba(152, 62, 65, 0.05);
        background-size: cover;
    }
    #modal_reserva .content {
        max-width: calc(100% - 40px);
        flex-direction: column;
    }
    #modal_reserva .content .modal_left,
    #modal_reserva .content .modal_right {
        width: 100%;
        min-height: fit-content;
    }
    #modal_reserva .content .modal_right h2 {
        padding-right: 0;
        font-size: 26px;
        text-align: center;
    }
    #modal_reserva .content .modal_right form {
        float: unset;
        margin: 0 auto;
        width: calc(100% - 40px);
        display: flex;
        flex-direction: column;
    }
    #modal_reserva .content .modal_right form label {
        width: 100% !important;
        text-align: left !important;
    }
    #modal_reserva .content .modal_right form label input[type="text"], #modal_reserva .content .modal_right form label input[type="email"] {
        box-sizing: border-box;
    }
    #modal_reserva .content .modal_right form label.metade input[type="text"], #modal_reserva .content .modal_right form label.metade input[type="email"], #modal_reserva .content .modal_right form label select {
        width: 100%;
    }
    #modal_reserva .content .modal_right form label.metade.right input[type="text"], #modal_reserva .content .modal_right form label.metade.right input[type="email"] {
        margin-left: 0;
    }
    #modal_reserva .content {
        align-items: unset;
        height: 100vh;
    }
    #modal_reserva {
        width: 100vw;
        height: 100vh;
        overflow-y: scroll;
    }
    #modal_reserva .content .modal_left ul {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 20px;
        justify-content: center;
        padding-left: 20px;
        padding-right: 20px;
    }
    #modal_reserva .content .modal_left ul li {
        width: fit-content;
    }
    #modal_reserva .content .modal_left h2,
    #modal_reserva .content .modal_left p {
        padding-left: 20px;
        padding-right: 20px;
    }
}
@media(max-width: 600px) {
    header .centro, footer .centro {
        width: calc(100% - 40px);
    }
    #banner .conteudo {
        width: calc(100% - 40px);
        bottom: 30px;
    }
    #banner .conteudo .simbolo1 {
        width: 120px;
        height: 145px;
    }
    #banner h2 {
        font-size: 30px;
        line-height: 36px;
        margin-top: 20px;
    }
    #banner p {
        font-size: 14px;
        line-height: 20px;
    }
    #banner .conteudo .simbolo2 {
        width: 160px;
        height: 30px;
        margin-top: 20px;
    }
    #reserva .centro {
        max-width: calc(100% - 40px);
    }
    #reserva {
        margin-top: 40px;
    }
    #reserva .mask_img {
        height: 180px;
    }
    #reserva .cores {
        grid-template-rows: 120px 1fr;
    }
    #reserva h2, #cardapio h2, #historia h2, #conteudo_cardapio h2,
    #conteudo_historia h2, #franqueado h2 {
        font-size: 32px;
        line-height: 38px;
    }
    #reserva p, #cardapio p, #historia p, #conteudo_cardapio p:not(#conteudo_cardapio .rodizio p, #conteudo_cardapio .a_la_carte p),
    #conteudo_historia .top p, #conteudo_historia p {
        font-size: 18px;
        line-height: 26px;
        margin-top: 18px;
    }
    .bt_padrao {
        height: 44px;
        font-size: 14px;
    }
    #cardapio .centro {
        max-width: calc(100% - 40px);
    }
    .listagem_cardapio {
        grid-template-columns: 1fr;
    }
    #cardapio .centro {
        padding-top: 40px;
        padding-bottom: 50px;
    }
    #historia .centro, #pag_reserva #reserva .centro, #franqueado .conteudo {
        max-width: calc(100% - 40px);
    }
    #historia .centro {
        row-gap: 20px;
    }
    footer {
        margin-top: 155px;
    }
    #menu_mobile {
        padding: 20px;
        box-sizing: border-box;
    }
    #pag_reserva #reserva .mask_img {
        top: 0;
    }
    header .logo a,
    header #menu_mobile .logo a {
        background-size: contain;
        width: 70px;
        height: 70px;
    }
    header nav a {
        font-size: 14px;
    }
    header .bt_menu_mobile {
        width: 30px;
        height: 21px;
        margin-top: -1px;
    }
    #pag_reserva #reserva .mask_img {
        height: 300px;
    }
    #conteudo_historia .centro {
        max-width: calc(100% - 40px);
        padding-top: 125px;
    }
    #conteudo_historia .top, #conteudo_historia .meio, #conteudo_historia .bottom {
        row-gap: 30px;
    }
    #conteudo_historia .meio p, #conteudo_historia .bottom p {
        margin-top: 0;
    }
    #conteudo_historia .centro {
        row-gap: 40px;
    }
    #pag_quem_somos #reserva {
        margin-top: 50px;
    }
    #conteudo_cardapio .centro {
        max-width: calc(100% - 40px);
    }
    #conteudo_cardapio .imagens {
        grid-auto-columns: calc(100vw - 40px);
        grid-auto-rows: calc(100vw - 40px) !important;
    }
    #conteudo_cardapio .centro {
        padding-top: 150px;
    }
    #conteudo_cardapio .rodizio {
        margin-top: 35px;
    }
    #conteudo_cardapio .a_la_carte {
        margin-top: 45px;
    }
    #pag_fale_conosco #banner {
        height: 480px !important;
    }
    #conteudo_fale_conosco .centro {
        max-width: calc(100% - 40px);
    }
    #franqueado .mask_img:not(#franqueado .listagem_imagens .mask_img) {
        padding-top: 130px;
    }
    #franqueado .conteudo {
        padding: 30px;
        row-gap: 30px;
    }
    #franqueado h2 {
        margin-bottom: 25px;
    }
    #franqueado p, #franqueado p b {
        font-size: 17px;
        line-height: 25px;
    }
    #franqueado form {
        padding: 20px;
    }
    #modal_reserva .content .modal_right form .bt_whats {
        text-align: center;
        font-size: 11px;
    }
}
@media(max-width: 400px) {
    #reserva .valor h3, #reserva .valor h3 b {
        font-size: 18px;
        line-height: 26px;
    }
    #reserva .valor h3 b {
        font-size: 35px;
    }
    #pag_fale_conosco #banner .centro {
        padding-top: 100px !important;
    }
    #pag_fale_conosco #banner {
        height: 435px !important;
    }
}