/* Media Query
--------------------*/
@media screen {
    #wrapper #mood_content {
        min-height: 150px;
    }

    #mood_content .artbg .inside_art {
        min-height: 90vh;
        display: flex;
        flex-direction: row;
        align-items: flex-end;
        background-position: top center;
        background-size: cover;
        z-index: 1;
        box-sizing: border-box;
        padding-bottom: 1rem;
    }

    /* CSS blending 
    #mood_content .mooddeco,
    #mood_content .artbg::before,
    #mood_content .artbg::after{
        content: "";
        display: block;
        top: 0;
        height: 100%;
        width: 100%;  
        position: absolute;      
        background: linear-gradient(0deg, rgb(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.1) 31rem, transparent 100%);    
        mix-blend-mode: multiply;
    }  

    #mood_content .artbg::before{  
        background: linear-gradient(180deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.071) 12rem, rgba(0, 0, 0, 0) 100%);
    }  

    #mood_content .mooddeco {    
        background: linear-gradient(90deg, rgba(0, 144, 210, 0.8) 0%, rgba(0, 0, 0, 0) 20%, transparent 100%);  
    }  
    */

    #mood_content .artbg {
        position: relative;
    }

    #mood_content .text-big {
        font-size: 2.8rem;
        line-height: 1.154;
        color: #fff;
        font-weight: 700;
    }
}

/* Mobile-landscape (and larger) lansacape */
@media only screen and (min-width: 480px) {}


/* min-width:768px Tablet-portrait (and larger) */
@media only screen and (min-width: 768px) {

    #mood_content .artbg .inside_art {
        padding-bottom: 3rem;
    }

    #mood_content .text-big {
        font-size: 4.0625rem;
        line-height: 1.154;
    }

}


/* Tablet-landscape (and larger) for width 992px */
@media only screen and (min-width: 992px) {
    #wrapper #mood_content {
        min-height: 250px;
    }

    #mood_content .artbg .inside_art {
        min-height: 100vh;
    }

}

/* min-width:1100 */
@media only screen and (min-width:1100px) {}

/* min-width:1300 Laptops (and larger) for width 1300px */
@media only screen and (min-width:1300px) {}

/* Media ends
--------------------*/