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

.your-casino-separator {
    margin: 100px 0;
}

.your-casino-articles {
    @include outer-container;
}

.your-casino-article {
    @include span-columns(10);
    @include shift(1);
    
    display: flex;
        align-items: center;
    margin-bottom: 100px;
}

.your-casino-article--reversed {
    flex-direction: row-reverse;
}

.your-casino-article-image {
    flex-basis: 50%;
    flex-grow: 0;
    flex-shrink: 0;

    img {
        display: block;
        width: 100%;
    }
}

.your-casino-article-content {
    flex-basis: 50%;
    flex-grow: 0;
    flex-shrink: 0;
    padding: 0 20px;
    text-align: center;
}

.your-casino-article-content-title {
    text-transform: uppercase;
    font-family: "lucien-bold";
    color: $color-golden;
    font-size: 1.4rem;
    text-align: center;
    margin-bottom: 50px;
}

.your-casino-article-content-txt {
    font-size: 1rem;
}

.your-casino-article-content-link {
    text-transform: uppercase;
    font-family: "lucien-regular";
    color: $color-golden;
    text-decoration: underline;
    margin-top: 30px;
    display: block;
}

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

@include tablet-landscape-and-below {
    .your-casino-article-content-title {
        font-size: 0.8rem;
        margin-bottom: 10px;
    }
    .your-casino-article-content-txt {
        font-size: 0.7rem;
    }
    .your-casino-article-content-link {
        font-size: 0.7rem;
        margin-top: 10px;
    }
    .your-casino-separator {
        margin: 80px 0;
    }
}

///////////////////////////////////////////////////////////////
// Device: Tablet :: PORTRAIT AND BELOW
///////////////////////////////////////////////////////////////

@include tablet-portrait-and-below {
    .your-casino-article {
        display: block;
        margin-bottom: 60px;
    }
    .your-casino-article-image {
        margin-bottom: 20px;
    }
    .your-casino-separator {
        margin: 60px 0;
    }
}

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

@include mobile-landscape-and-below {
    .your-casino-separator {
        margin: 40px 0;
    }
    .your-casino-article-content-txt {
        font-size: 1em;
    }
}