.instruments-grid-block .content-padding {
    padding: 0px 22.5px 60px;
    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;
}
.instruments-grid-block .negative-margin {
    margin: 0px -22.5px;
}
.instruments-grid-block .image-2by3 > img {
    min-width: 102%;
    min-height: 102%;
    height: 102%;
    width: 102%;
    transition: ease all 0.3s;
}
.instruments-grid-block .content-padding:hover .image-2by3 > img {
    min-width: 100%;
    min-height: 100%;
    height: 100%;
    width: 100%;
}
.instruments-grid-block a.button.tag, .instruments-grid-block button.tag {
    margin-bottom: 10px;
}
.instruments-grid-block .filter-instruments {
    width: 100%;
    display: contents;
}

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

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

.instruments-grid-block .image-2by3 > img {
    object-fit: contain;
}

.instruments-grid-block p.h1style {
    margin-bottom: 0;
}

.instruments-grid-block a:hover {
    opacity: 0.8;
}

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

.instruments-grid-block a.grid_item_image:hover ~ a.button.primary {
    background-color: var(--salamander);
    color: white;
}

.instruments-grid-block a.grid_item_image:hover ~ a.button.primary:after {
    background-image: url('../../../css/buttons/assets/primary/white_arrow.svg');
}

/*** Animation ***/
.instruments-grid-block .come-in:nth-child(1),
.instruments-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;
}
.instruments-grid-block .come-in:nth-child(2),
.instruments-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;
}
.instruments-grid-block .come-in:nth-child(3),
.instruments-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) {
    .instruments-grid-block .come-in:nth-child(1),
    .instruments-grid-block .come-in:nth-child(3n + 1),
    .instruments-grid-block .come-in:nth-child(2),
    .instruments-grid-block .come-in:nth-child(3n + 2),
    .instruments-grid-block .come-in:nth-child(3),
    .instruments-grid-block .come-in:nth-child(3n + 3) {
        -webkit-animation-delay: 0.2s;
        animation-delay: 0.2s;
    }

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

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

    .instruments-grid-block a.button.tag, .instruments-grid-block button.tag {
        margin-bottom: 10px;
    }
}