body {
    background: white;
    margin: 0; padding: 0;
    width: 100%;
    font-size:16px;
    font-family: 'Alegreya', serif;
}

header {
    max-height: 300px;
}

header > .col-4,header > .col-5 ,header > .col-3  {
    margin: 20px 0;
}

.blueGB{
    background: #193441;
    color: #cbdbd7;
}

a {
    color: #193441;;
}

.personal-img {
    border: 2px #cbdbd7 solid;
    background-size: cover;
    width: 180px;
    height: 180px;
    background-position: 50% 0;
    background-repeat: no-repeat;
}

.ver {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

#summary{
}

.headline-circle{
    position: relative;
    width: 35px;
    height: 35px;
    font-size: 1.2rem;
    text-align: center;
}

.headline-circle i{
    left: 0;
    right: 0;
    margin: auto;
    line-height: 35px;
}

.headline-container {
    margin-top: auto;
    width: calc(100% - 70px); margin-left: 20px;
}

.headline {
    border-bottom: 2px #193441 solid;
}

.no-padding {
    padding: 0 !important;
    margin: 0 !important;
}

.list{
    position: relative;
    text-align: left;
    margin: 10px 10px 0 10px ;
}

.list .list{

}

.list li {
    margin: 10px 0 0 0;
    position: relative;
    list-style: disc
}

.sub-top {
    position: absolute;
    font-size: 0.8rem;
    bottom: 100%;
    right: 0;
}

.page {
    width: 1000px;
    /*height: 11.7in;*/
    margin: auto;
}

section {
    margin-top: 2rem;
}

#diagram {
    margin-top: 1.5rem;
}

/*#media{*/
/*    position:absolute; bottom: 0.5rem; left: 0; right:0;margin: auto;text-align: center;*/
/*    display: flex; justify-content: space-around; padding: 0 0.5rem;*/
/*}*/

#media{
    text-align: center;display: flex; justify-content: space-around; padding: 0.5rem;
    background: #122630; color: #cbdbd7
}