.therapy_container {
    width: 90%;
    padding-top: 12%;
    padding-left: 14%;
    font-family: 'Roboto';
}

.left .passage .question {
    font-size: 1.4rem;
    font-weight: bold;
    padding-bottom: 0.3% ;
    color: #303030;
}

.left .answer {
    padding-left: 1%;
    line-height: 120%;

}

.left .passage {
    padding-bottom: 3%;
}

.left {
    width: 70%;
}

.left .card {
    display: flex;
    flex-direction: row;
    border: 1px solid gray;
    border-radius: 2%;
    width: 80%;
}

.left .card img {
    height: 80px;
}

.left .card div{
    padding-right: 2%;
    color: aliceblue;
}

.card {
    padding-top: 1%;
    margin-bottom: 2%;
    background-color: darkcyan;
}

@media screen and (max-width: 600px) {
    .therapy_container {
        width: 95%;
        padding: 5%;
        padding-top: 25%;
    }

    .left {
        width: 100%;
        
    }
    .left .card {
        width: 100%;
        margin-bottom: 20px;
        /* margin-left: 5%; */
    }
    
    .left .passage .answer {
        margin-left: 2%;
    }
}