/*
        chatblock.css
    */
    
 .chat blockquote {
            background-color: #e9ecef;
            font-style: italic;
            padding: 10px;
            margin-left: 20px;            
            border-left: 5px solid #c0c0c0;
        } 
    
  
/* Styles for screens 700px or less */
@media (max-width: 700px) {
    .chat blockquote {
        padding: 8px;
        margin-left: 16px;
        border-left: 4px solid #c0c0c0;
    }
    ul { padding-left: 32px; }
}


/* Styles for screens 625px or less */
@media (max-width: 625px) {
    .chat blockquote {
        padding: 6px;
        margin-left: 12px;
        border-left: 3px solid #c0c0c0;
    }
 ul { padding-left: 24px; }
}



/* Styles for screens 550px or less */
@media (max-width: 550px) {
    .chat blockquote {
        padding: 4px;
        margin-left: 8px;
        border-left: 2px solid #c0c0c0;
    }
 ul { padding-left: 16px; }
}



  /* Styles for screens 475px or less */
@media (max-width: 475px) {
    .chat blockquote {
        padding: 2px;
        margin-left: 4px;
        border-left: 1px solid #c0c0c0;
    }
 ul { padding-left: 8px; }
}