#features_catalog {
    width: 100%;
    height: 95%;

    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;

}

.feature {
    height: 10em;
    width: 20em;

    a {
        text-decoration: none;
        color: black;
    }

    a:visited {
        color: black;
    }

    img {
        max-width: 100%;
        max-height: 15em;
    }

    figcaption {
        font-weight: bold;
        font-size: 1.5em;
    }

    &:hover {
        filter: contrast(60%);

    }

}

@media (min-width: 2000px) {
    .feature {
        height: 20em;
        width: 30em;

        img {
            max-height: 20em;
        }

        figcaption {
            font-weight: bold;
            font-size: 3em;
        }
    }


}

@media (min-width: 3000px) {
    .feature {
        height: 30em;
        width: 40em;

        img {
            max-height: 30em;
        }

        figcaption {
            font-size: 4em;
        }
    }



}