///////////////////////////////////////////////////////////////
// Device: Desktop
///////////////////////////////////////////////////////////////

.your-casino-services-container {
    @include outer-container;
    overflow: hidden;
}

.your-casino-services-list {
    @include span-columns(12);
    margin-top: 80px;
    margin-bottom: 80px;
    text-align: center;
}

.your-casino-services-list-item {
    @include span-columns(2);
    border: 1px solid $color-golden;
    text-align: center;
    min-height: 340px;
    display: inline-block;
    overflow: hidden;
    vertical-align: top;
    float: none;
    img {
        width: 100%;
    }
}

.your-casino-services-list-item-image {
    width: 100%;
}

.your-casino-services-list-item-title {
    text-transform: uppercase;
    font-family: "lucien-bold";
    color: $color-golden;
    font-size: 1rem;
    margin: 20px 0 20px 0;
}

.your-casino-services-list-item-links {
    a {
        font-family: "lucien-regular";
        color: $color-grey-light;
        text-decoration: underline;
        text-transform: uppercase;
        font-size: 0.8rem;
        margin-right: 5px;
    }
}

///////////////////////////////////////////////////////////////
// Device: Desktop XL
///////////////////////////////////////////////////////////////

@include desktop-xl {

}

///////////////////////////////////////////////////////////////
// Device: Tablet
///////////////////////////////////////////////////////////////

@include tablet-landscape-and-below {
    .your-casino-services-list-item {
        min-height: 310px !important;
    }
}

@include tablet-portrait-and-below {
    .your-casino-services-list {
        @include shift(1);
    }
    .your-casino-services-list-item {
        @include span-columns(10);
        margin-bottom: 40px;
    }
    .your-casino-services-list-item-links {
        margin-bottom: 20px;
    }
}

///////////////////////////////////////////////////////////////
// Device: Mobile
///////////////////////////////////////////////////////////////

@include mobile-landscape-and-below {
    .your-casino-services-list {
        margin-bottom: 40px;
    }
}