@media screen and (min-width: 768px) {

    section.quem-somos {
        padding: 90px 0 150px;
    }

    section.tickets {
        margin-bottom: 150px;
    }

    main.login-area-do-cliente form input {
        width: 400px;
    }

    section.venda-ingressos .btn-adicionarVoucher {
        width: 30%;
    }

    section.diferenciais .card-large{
        padding: 64px;
    }
}

@media screen and (min-width: 992px) {

    .navbar {
        height: 86px;
    }

    .navbar-collapse {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    main#index {
        background: url('../img/background-main-desktop.webp') no-repeat;
        background-position: center;
        background-size: cover;
    }


        main#index .btn-primario:nth-child(1),
        main#index .btn-primario:nth-child(2),
        section.aniversario .btn-primario,
        section.valores .btn-primario {
            padding: 20px 32px;
            font-size: 18px !important;
        }

    section.aniversario {
        padding: 70px 0 100px;
    }

    section.quem-somos {
        padding: 100px 0 150px;
    }

    section.diferenciais .card-large {
        background: url('../img/background-diferenciais.webp') no-repeat !important;
        padding: 32px;
        background-size: 100% 100% !important;
    }

    section.atracoes,
    section.diferenciais,
    section.valores{
        padding: 100px 0 100px 0;
    }

    section.regras-e-depoimentos {
        background: url('../img/background-regras-e-depoimentos-desktop.png') no-repeat;
        padding-top: 200px;
        background-size: cover !important;
    }

    section.cronograma-da-festa {
        background: url('../img/background-cronograma-da-festa-desktop.png') no-repeat;
        padding: 200px 0 80px;
        margin-top: -200px;
        position: relative;
        z-index: 2;
    }

    footer {
        padding: 100px 0 100px 0;
    }

     footer ul li {
        text-align: start;
     }

    section.tickets .card {
        max-width: 350px;
    }

    section.venda-ingressos #tabelaIngressos {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media screen and (min-width: 1200px){
    section.visite-nos img {
        max-width: 808px
    }
}

@media screen and (min-width: 1400px){
    section.tickets .card {
        max-width: 420px;
        margin: 0;
    }

    section.valores .card-valores {
        padding: 32px;
    }

    section.valores .card-valores-top {
        padding: 32px;
    }

    section.valores .card-valores h3 {
        font-size: 40px !important;
    }

    section.valores .card-valores h1 {
        font-size: 50px !important;
    }


}