.makers-grid-block .content-padding {
    padding: 0px 37.5px 120px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
}
.makers-grid-block .negative-margin {
    margin: 0px -37.5px;
}
.makers-grid-block .image-2by3 > img {
    min-width: 102%;
    min-height: 102%;
    height: 102%;
    width: 102%;
    transition: ease all 0.3s;
}
.makers-grid-block .content-padding:hover .image-2by3 > img {
    min-width: 100%;
    min-height: 100%;
    height: 100%;
    width: 100%;
}
.makers-grid-block a.button.tag, .makers-grid-block button.tag {
    margin-bottom: 20px;
}
.makers-grid-block a.button.secondary {
   padding-right: 0;
}
.makers-grid-block .filter-instruments {
    width: 100%;
    display: contents;
}

.makers-grid-block > div {
    min-height: 250px;
}

.makers-grid-block .filter-instruments p {
    text-transform: capitalize;
}

.makers-grid-block .image-2by3 > img {
    object-fit: cover;
}
.makers-grid-block h2.h1style {
    margin-bottom: 0;
}

.makers-grid-block a:hover {
    opacity: 1;
}

.makers-grid-block a.button.primary.outline {
    width: max-content;
    width: fit-content;
    margin: 0 auto;
    margin-top: auto;
}

.makers-grid-block a.maker_grid_image_link:hover ~ a.button.primary {
    background-color: var(--salamander);
    color: white;
}
.makers-grid-block a.maker_grid_image_link:hover ~ a.button.primary:after {
    background-image: url('../../../css/buttons/assets/primary/white_arrow.svg');
}

@media(max-width: 991.98px){
    .makers-grid-block .content-padding {
        padding: 0px 20px 60px;
    }
    .makers-grid-block .negative-margin {
        margin: 0px -20px;
    }
}


/*** Animation ***/
.makers-grid-block .come-in:nth-child(1),
.makers-grid-block .come-in:nth-child(3n + 1) {
    -webkit-animation-duration: 1s;
    animation-duration: 1s; /* So they look staggered */
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
}
.makers-grid-block .come-in:nth-child(2),
.makers-grid-block .come-in:nth-child(3n + 2) {
    -webkit-animation-duration: 1s;
    animation-duration: 1s; /* So they look staggered */
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}
.makers-grid-block .come-in:nth-child(3),
.makers-grid-block .come-in:nth-child(3n + 3) {
    -webkit-animation-duration: 1s;
    animation-duration: 1s; /* So they look staggered */
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
}


@media(max-width: 1199.98px) {
    .makers-grid-block .come-in:nth-child(1),
    .makers-grid-block .come-in:nth-child(3n + 1),
    .makers-grid-block .come-in:nth-child(2),
    .makers-grid-block .come-in:nth-child(3n + 2),
    .makers-grid-block .come-in:nth-child(3),
    .makers-grid-block .come-in:nth-child(3n + 3) {
        -webkit-animation-delay: 0.2s;
        animation-delay: 0.2s;
    }

    .makers-grid-block .come-in:nth-child(1),
    .makers-grid-block .come-in:nth-child(2n + 1) {
        -webkit-animation-delay: 0.2s;
        animation-delay: 0.2s;
    }
    .makers-grid-block .come-in:nth-child(2),
    .makers-grid-block .come-in:nth-child(2n + 2) {
        -webkit-animation-delay: 0.4s;
        animation-delay: 0.4s;
    }
}

@media(max-width: 767.98px) {
    .makers-grid-block .come-in:nth-child(1),
    .makers-grid-block .come-in:nth-child(3n + 1),
    .makers-grid-block .come-in:nth-child(2),
    .makers-grid-block .come-in:nth-child(3n + 2),
    .makers-grid-block .come-in:nth-child(3),
    .makers-grid-block .come-in:nth-child(3n + 3) {
        -webkit-animation-delay: 0.2s;
        animation-delay: 0.2s;
    }
}