.product-catalog--title {
    padding-bottom: 4rem
}

.product-catalog--title,
.product-catalog--title * {
    font-family: "NNNittiGrotesk-Heading";
    font-size: 2.25rem;
    line-height: 1
}

@media print,
screen and (min-width: 40em) {

    .product-catalog--title,
    .product-catalog--title * {
        font-size: 3.125rem
    }
}

.product-catalog-section {
    background-color: #fff
}

@media screen and (max-width: 63.99875em) {
    .product-catalog-section {
        background-color: transparent
    }
}

@media print,
screen and (min-width: 64em) {
    .product-catalog-section .column {
        position: relative
    }

    .product-catalog-section .column:not(:last-child):before {
        content: "";
        display: block;
        position: absolute;
        right: 0;
        top: 50%;
        transform: translate(0, -50%);
        width: 1px;
        height: 60%;
        border-right: 1px solid #eee
    }
}

.product-catalog [data-animate]:nth-child(1) {
    transition-delay: 0s
}

.product-catalog [data-animate]:nth-child(2) {
    transition-delay: .1s
}

.product-catalog [data-animate]:nth-child(3) {
    transition-delay: .2s
}

.product-catalog [data-animate]:nth-child(4) {
    transition-delay: .3s
}

.product-catalog-box {
    padding: .21rem;
    border: 1px solid transparent;
    border-radius: 3px
}

.product-catalog-box,
.product-catalog-box * {
    transition: all .5s
}

@media print,
screen and (min-width: 40em) {
    .product-catalog-box {
        padding: 2rem
    }
}

.product-catalog-box-title {
    font-family: "NNNittiGrotesk-Heading";
    font-size: 1.5rem;
    line-height: 1.5rem;
    margin-top: 1rem;
    margin-bottom: .5rem
}

.product-catalog-box-text {
    font-size: 1.125rem;
    margin-bottom: 2rem
}

@media screen and (max-width: 63.99875em) {
    .product-catalog-box {
        background-color: #fff;
        width: auto;
        margin: .625rem
    }
}

@media print,
screen and (min-width: 64em) {
    .product-catalog-box.withButton:hover {
        height: 100%;
        background-color: #fff;
        transform: scale(1.05);
        border-color: #ee7f00
    }
}

@media screen and (min-width: 64em)and (max-width: 63.99875em) {
    .product-catalog-box.withButton:hover {
        padding: 4rem
    }
}

@media print,
screen and (min-width: 64em) {
    .product-catalog-box.withButton:hover .product-catalog-btn {
        margin-bottom: 1.625rem;
        transform: translateY(0);
        opacity: 1
    }
}

@media print,
screen and (min-width: 64em) {
    .product-catalog-box.withButton:hover .product-catalog-image {
        max-height: 4rem;
        width: auto
    }
}

.product-catalog-image {
    margin: 1rem auto;
    max-height: 5.625rem;
    width: auto
}

.product-catalog-btn {
    transform: translateY(0.625rem)
}

@media print,
screen and (min-width: 64em) {
    .product-catalog-btn {
        opacity: 0
    }
}