main {
    position: relative;
}

.section-top {
    /* position: relative; */
    /* min-height: 120px */
}

.section-top>.container-holder {
    /* position: absolute;
    top: 0;
    left: 0;
    right: 0; */
}

.game-ttb {
    color: #0092E8
}

.game-art {
    color: #993910
}

.game-goe {
    color: #00CEEC
}

.game-mtd {
    color: #E70446
}

.game-wsc {
    color: #F95A9A
}

.game-evl {
    color: #9E3FAB
}

.section-games a {
    text-decoration: none
}

.section-games .card {
    -o-transition: margin-top 1s;
    -moz-transition: margin-top 1s;
    -webkit-transition: margin-top 1s;
    transition: margin-top 1s;
    -o-transition-timing-function: ease-in;
    -moz-transition-timing-function: ease-in;
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
}

.section-games .card:hover {
    /* margin-top: 0!important */
}

.section-games .card-title {
    font-family: futura-pt, sans-serif;
    font-weight: 700
}

@media (min-width:768px) {
    .section-top>.container-holder {
        background: center no-repeat url(games-bg-top.png);
        background-size: cover;
        position: relative;
    }
    .games-top-banner {
        z-index: 20;
        position: relative;
    }
    .games-top-curve {
        width: 100%;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 4rem;
        z-index: 1;
    }
}

@media (min-width:1200px) {
    .section-top>.container-holder {
        top: auto;
        bottom: 15%
    }
}

@media screen and (min-width:0\0) {
    .img-fluid {
        height: 100%
    }
}