.circle {
    border-radius: 50%;
    width: 150px;
    height: 150px;
    float: left;
    background-color: tomato;
    /* width and height can be anything, as long as they're equal */
}



.circle_titles{
    text-align: center;
    color: white;
    font-size: medium;
    font-weight: 500;
    vertical-align: middle;
    line-height: 150px;       /* the same as your div height */
}

#resume_section{
    display: none;
    width:800px;
    /*height: 100%;*/
    margin:0 auto;
    font-family: 'Lora', serif;
}
.circle_content{
    /*width: 600px;*/

    /*height: inherit;*/

    /*float: none;*/
    font-family: 'Lora', serif;
}

.placement{
    font-weight: bold;
}

.placement a{
    font-weight: bold;
    color: inherit;
}

.placement_title{
    color: darkblue;
}
.text_container{
    float: left;
    max-width:400px;
}

.circle_container{
    height: inherit;
    float: left;
    width: 200px;
}