.resource-card{
        background: #F2F2F2 0% 0% no-repeat padding-box;
    border: 1px solid var(--grey);
    border-radius: 20px;
    padding: 30px;
}
.resource-card h2,.resource-title {
    font-size: var(--h4);
    color: var(--primary);
    font-weight: bolder;
    margin-bottom: 0px;
}
.btn-primary{
    background: var(--secondary);
    border-radius: 29px;
    font-size: var(--p);
    color: var(--white);
    font-weight: bold;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 12px;
    border: 1px solid var(--secondary);
    padding-bottom: 12px;
}
.btn-primary:hover{
    background: var(--dark);

}
.resources{
    padding-bottom: 80px;
}
@media only screen and (max-width:700px) {
    .resource-card .text-end,.resource-card{
        text-align: center !important;
    }
    .resource-card{
        padding: 20px;
    }
    .resource-card .buttons{
        margin-top: 10px !important;
    }
    .resource-card h2,.resource-title{
        font-size: 22px;
    }
}