#resources-container {

}


.resource-thumb {
    width: 260px;
    height: 340px;
    border: solid 1px #d6d1ca;
    overflow: hidden;
    position: relative;
}

.resource {
    width: 260px;
    position: relative;
}

.resource-img {
    margin: 0;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0%, -50%);
}

.resource-info {
    width: 260px;
    min-height: 42px;
    font-size: 14px;
    background-color: #ffffff;
    text-align: left;
    position: relative;
    padding-top: 6px;
}

.resource-info-program {
    font-family: "InterBold";
    color: #5eb11e;
    display: block;
}

.resource-info-program div {
    width: 100%;
    max-height: 44px;
}

.resource-info-axis {
    font-family: "InterBold";
    color: #55c2de;
    display: block;
    margin-bottom: 6px;
}

.resource-info-axis div {
    width: 100%;
    max-height: 44px;
}

.resource-info-title {
    font-family: InterMedium;
    color: #54565a;
    display: block;
    margin-bottom: 6px;
}

.resource-info-year {
    font-family: "InterLight";
    color: #55c2de;
    position: absolute;
    top: 6px;
    right: 0;
}

.resource-url {
    display:inline-block;
    width:100%;
    text-decoration: none;
    text-align: center;
}

.resource-url:link {
    color: #ffffff;
}

.resource-url:active {
    color: #ffffff;
}

.resource-url:visited {
    color: #ffffff;
}

.resource-icon {
    font-size: 100px;
    margin-top: 100px;
    color: #54565a;
}