/* RESPONSIVE DESIGN, LAPTOP SLIMMER */

@media only all and (max-width:750px){
    /* ------------- Order ------------- */


    /* ------------ Layout ------------ */
    .main { 
        flex-basis:     100%; 
        flex-shrink:    0;}

    .articles {
        flex-grow:      1;
        width:          auto;}

    .chat-webrings {
        width:          var(--secondary-width);
        flex-grow:      1;}

    .services  { overflow-y: auto; }
}