.lyrics {
    width: 38%;
    float: left;
    text-align: center;
}



.thistle {
    width: 38%;
    text-align: center;
    float: right;
}



    .thistle img {
        max-width: 100%;
        border: thin solid white;
    }



.flowers {
    overflow: auto;
    width: 100%;
}



.individual {
    width: calc( 100% - 11rem);
    float: left;
    margin: 1rem 5rem 1rem 5rem;
    padding: 1rem;
    border: thin solid darkgray;
    box-shadow: 0 1rem 1rem 0 rgba(0, 0, 0, 0.2), 0 1rem 1rem 0 rgba(0, 0, 0, 0.19);
    overflow: auto;
}



    .individual h1 {
        text-align: center;
    }



    .individual .lifespan {
        font-weight: bold;
        text-align: center;
    }



.flowers-of-the-forest-pic {
    width: 100%;
    text-align: center;
}



.individual img {
    max-width: 50%;
    border: .5rem inset gold;
}



.epitaph {
    width: 50%;
    padding: 1rem;
    margin: 4rem 25% 0 25%;
    text-align: center;
}



img.pic-left {
    float: left;
    max-width: 25%;
    border: thin solid black;
    margin: 1rem 1rem 1rem 0;
}



img.pic-right {
    float: right;
    max-width: 100%;
    height: auto;
    border: thin solid black;
    margin: 1rem 0 1rem 1rem;
}



@media screen and (max-width:699px) {

    .lyrics,
    .thistle {
        width: 100%;
    }



    .individual {
        width: 100%;
        margin: 0;
    }



        .individual img {
            max-width: 100%;
        }



    .epitaph {
        width: 100%;
        margin: 4rem 0 0 0;
    }
}