.bg-campanha {
    background: url(/img/bg-webinar.png) no-repeat center center / cover;
    padding: 5% 0 25% 0 !important;
}

.masonry__item-campanha {
    padding-left: 10% !important;
    padding-right: 10% !important;
}

.landing-img {
    padding: 5% 10%;
    background: var(--color-gray);
}

nav {
    background: var(--color-gray);
}

.card-prod, .card-prod-img {
    max-height: 350px !important;
    background: var(--color-secondary) !important;
}

.card-prod a:nth-child(1) {
    width: 100%;
}

.card-prod-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.btn-campanha {
    background: var(--color-secondary) !important;
    color: var(--color-white) !important;
    font-weight: 600;
    transition: all .3s ease-in-out !important;
}
.btn-campanha:hover {
    background: var(--color-white) !important;
    color: var(--color-secondary) !important;
    border: 2px solid var(--color-secondary) !important;
}
.btn-campanha i {
    color: var(--color-white) !important;
    font-weight: 600;
    transition: all .3s ease-in-out !important;
}
.btn-campanha:hover i {
    color: var(--color-secondary) !important;
}

.cowntdown {
    margin-top: 5%;
}

.cowntdown h2{
    font-size: 4.8rem;
    color: var(--color-secondary);
}

@media (max-width: 767px) {
    .bg-campanha {
        min-height: 1800px !important;
    }
    .cowntdown h2{
        font-size: 1.9rem;
    }
    .cowntdown h3{
        font-size: .9rem;
    }
}