/* ----------- Non-Retina Screens ----------- */
@media screen and (min-width: 768px) {

    
    .container {
        width: 500px;
    }
        .container.lg {
            width: 1200px;
        }
        
    .cards m-card {
        width: 31%;
        margin: 1%;
    }

    m-notification {
        max-width: 300px;
        left: initial;
        right: 20px;
        bottom: 20px;
    }

}

@media screen and (min-width: 1024px) {
    
    
}

@media screen and (min-width: 1800px) {
    
    

}

/* ----------- Retina Screens ----------- */