.wrapper {    
    margin: 20px 0;
    width: 100%;
    z-index: 20;
}

.wrapper p {
    color: black;
    font-family: "Raleway";
}

.wrapper img {
    width: 100%;
    height: 100%;
    display: block;
}

.wrapper .cards_wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    background: rgba(145, 161, 163, 0.281);
}

.cards_wrap a {
    text-decoration: none;
}

.cards_wrap .card_item {
    width: 25%;
    padding: 10px;
}

.cards_wrap .card_inner {
    background: rgb(213, 233, 243);
    box-shadow: 5px 5px 3px rgb(49, 49, 49, 0.8);
    transition: 0.5s;
}

.card_inner:hover {
    transform: translateY(-15px);
}

.cards_wrap .card_top {
    width: 100%;
    height: auto;
    padding: 10px;
    padding-bottom: 0;
}

.cards_wrap .card_bottom {
    padding: 15px;
}

.cards_wrap .card_bottom .card_category {
    text-transform: uppercase;
    text-align: center;
}

.cards_wrap .card_bottom .card_info {
    padding: 15px;
    margin: 10px 0;   
}

.cards_wrap .card_bottom .card_info .title {
    color: #0071bc;
    font-size: 18px;
    margin-bottom: 5px;
}

.cards_wrap .card_bottom .card_creator {
    text-align: center;
}

@media (max-width: 1024px) {
    .cards_wrap .card_item {
        width: 33.3%;
    }
}

@media (max-width: 768px) {
    .cards_wrap .card_item {
        width: 50%;
    }
}

@media (max-width: 528px) {
    .cards_wrap .card_item {
        width: 100%;
        padding-top: 60px;
    }
}