/* so you're feeling fancy and want to write your own styles or override some of the styles already here? cool! this is the space to do it. */

#infograph{
    width:400px;
    float: left;
    padding: 20px;
}

.rollover {
    float: left;
    width: 275px;
    height: 300px;
    margin: 5px;

}

#heart {
    margin-left: 40px;
}

.rollover img {
    border: 3px solid black;

}

.content {
    background-color:#f7eecb;
    background-color:#f7eecb;
    padding: 16px;
    width: 400px;
    height: 100px;
    float: right;
    display: none;

}
#martha_box audio {
    width: 400px;
}

#anthony_box audio {
    width: 400px;
}

.slide {
    position: relative;
    border: 0px solid red;  
}

.slide img {
    display:block;
}
.mycaption{
    position: absolute;
    bottom: 0px;
    height:240px;
    width:240px;
    left: 0px;
    border: 2px solid olive;
    background-color: rgba(25,25,25,0.6);
    color: antiquewhite;
    padding: 10px;
    font-size: 15px;
    display: none;
    }

#accordion{
    width:300px;
    background-color:#f7eecb;
    margin-left:20px;
    padding-left: 10px;
    float:right;
    
}

#accordion h3 {
    cursor:pointer;
}

.grid-6 {
    width: 263px;
    float: right;
}