.antecipar {
    background: url(/img/fundo-antecipar.png) no-repeat center center;
    background-size: cover;
    padding: 40px 10px;
}
.antecipar-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    justify-items: center;
    gap: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
}
.antecipar-grid > div {
    background-color: #fff;
    padding: 15px 20px;
    border-radius: 15px;
    max-width: fit-content;
    box-shadow: 0px 0px 10px #cfcfcf;
}
.antecipar-grid > div > h4 {
    font-size: 1.125rem;
    font-weight: 700;
    margin-top: 10px;
    margin-bottom: 10px;
}
.antecipar-grid > div > p {
    font-style: italic;
    max-width: 250px;
}

.antecipar-title h2 {
    font-weight: 800;
    color: #0A2FB7;
}
.antecipar-title h3 {
    font-size: 3.125rem;
    font-weight: 800;
    color: #242425;
}


@media only screen and (min-width:301px) and (max-width:820px) {

    .antecipar-grid {
        grid-template-columns: 1fr;
    }
    .antecipar .btn2 {
        margin-left: auto;
        margin-right: auto;
    }
    .antecipar-title {
        text-align: center;
    }
    .antecipar-title h3 {
        line-height: 1em;
    }
}

@media only screen and (min-width:0px) and (max-width:300px) {

    .antecipar-grid {
        grid-template-columns: 1fr;
    }
    .antecipar .btn2 {
        margin-left: auto;
        margin-right: auto;
        font-size: 1.2rem;
    }
    .antecipar-title {
        text-align: center;
    }
    .antecipar-title h3 {
        line-height: 1em;
        font-size: 2rem;
    }
    
}