/* Minification failed. Returning unminified contents.
(9,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '@media'
 */
.sample-conversation-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    margin: 0 auto;
    width: 60%;
    
    @media (max-width: 768px){
        width: 80%;
    }
}

.sample-conversation-container a {
    margin-bottom: 2rem;
}

.sample-conversation-container ul {
    padding-left: 1.5rem;
}

#donor-sample-conversation-title,
#sample-conversation-mp3,
#sample-conversation-text {
    width: 100%;
    margin: 2rem 0;
}

#sample-conversation-text {
    max-height: 30rem;
    overflow-y: scroll;
}