.zf-buttob:hover {
    color: #fff !important;
}
.zf-row {
    display:grid;
    gap:40px;
    margin-bottom: 60px;
}
@media only screen and (min-width: 769px) {
    .zf-row--2 {
        grid-template-columns:1fr 1fr;
    }
    .zf-row--3 {
        grid-template-columns:1fr 1fr 1fr;
    }
}
@media only screen and (max-width: 769px) {
    .zf-row--2 {
        grid-template-columns:1fr;
    }
    .zf-row--3 {
        grid-template-columns:1fr;
    }
    .zf-col h1, .zf-row--2 p {
        text-align:center;
    }
    .zf-buttob {
        margin: 0 auto;
    }
}
.zf-col h1 {
  font-size: 22px;
}

.zf-col {
    display:flex;
    flex-direction:column;
}
.zf-row--2 .zf-col {
    display:flex;
    justify-content:center;
    flex-direction:column;
}

.zf-buttob {
    background: #000;
    width: max-content;
    padding: 14px 20px;
    color: #fff;
    display: block;
}

.zf-col--center {
    align-items: center;
    display: flex;
    text-align: center;
}

.zf-col p {
  max-width: 600px;
}