.card {
    margin: 0.32rem;
}

.banner-card {
    border-radius: 0;
    box-shadow: unset;
    transition: none;
    border: none;
    margin: 0.32rem;
}

.banner-card-image {
    display: inline-block;
    width: 100%;
}

.big-table-cell .banner-card-image img {
    position: relative;
}

.small-table-cell .banner-card-image img {
    position: relative;
}

.big-table-cell-two .banner-card-image img {
    /* height: 32.7em; */
    position: relative;
}

.small-table-cell-two .banner-card-image img {
    /* height: 16em; */
    position: relative;
}

.banner-card-content {
    display: inline-block;
    position: absolute;
    top: 0vh;
    width: 100%;
    height: 100%;
    padding: 0 40px 0 40px;
}

.banner-card-content span {
    color: white;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.banner-card-text {
    color: white;
    font-size: 4rem;
    position: absolute;
    top: 2vh!important;
    font-size: 2rem;
    float: left;
    line-height: -7rem;
    top: 6vw;
}

.banner-card-btn {
    border: 1px white solid;
    float: right;
    right: 1vw;
    font-size: 1rem;
    bottom: 2vh;
    position: absolute;
}

@media screen and (max-width: 1366px) {
    .banner-card-text {
        font-size: 2rem;
    }
}

@media screen and (max-width: 1280px) {
    .banner-card-content span {
        font-size: 1.8rem;
    }
}

@media screen and (max-width: 1024px) and (min-width: 770px) {
    .banner-card-content span {
        font-size: 1.8rem;
    }
    .banner-card-text {
        line-height: 6rem;
    }
    .banner-card-btn {
        margin-top: 0;
    }
}

@media screen and (max-width: 1160px) {
    .banner-card-content span {
        font-size: 1.8rem;
    }
}

@media screen and (max-width: 770px) {
    .banner-card-content span {
        font-size: 1.8rem;
        line-height: 0rem;
        /* top: 3vh; */
        /* position: absolute; */
    }
    .banner-card-content {
        padding: 0 20px 0 20px;
    }
}

@media screen and (max-width: 710px) {
    .banner-card-content span {
        font-size: 1.6rem;
    }
    .banner-card-content {
        padding: 0 10px 0 10px;
    }
}

@media screen and (max-width: 400px) {
    .banner-card-text {
        line-height: 3rem;
    }
    .banner-card-content {
        padding: 0 10px 0 10px;
    }
    .banner-card-btn {
        margin-top: 0;
    }
}