body {
    background-color: white;
    transition: background-color 1s ease 0s;
}



h1 {
 font-family: 'Bitter', serif;
 font-size: 48px;
 /*line-height: 70px;*/
}

ul {
    color: #cccccc;
    font-family: 'PT Sans', Helvetica, Arial, sans-serif;
    font-size: 2.8325rem;
    margin:2.525em auto 3.0625em;
    text-align: center;
    width: 60%;

}

ul li {
    display: inline;
    line-height: 1.3;
}

ul li a {
    color: #cccccc;
    text-decoration: none;
    transition: color 0.3s ease 0s;
}

ul li a#linkedin {
    color: #0077B5;
}

ul li a#blog {
    font-family: 'Droid Serif', Georgia, Times, serif;
    color:darkgray;
    text-decoration: underline;   
}

ul li a#instagram {
    font-family: 'Cookie', cursive;
    font-size: 3.4325rem;
    color: #8a3ab9;
}

ul li a#lastfm {
    color: #D01f3c;
}

ul li a#twitter {
    color: #00aced;
}

ul li a#speak {
    color: lightblue;
}



/*
p {
    font-family: 'PT Sans', Helvetica, Arial, sans-serif;
    font-size: 3.1325rem;
    margin:3.125rem auto 4.0625rem;
    text-align: center;
    width: 60%;
    color: #cccccc
 /*line-height: 25px;
}*/


.line{
background:#e5e5e5;
position:relative;
margin-top:-17px;
height:2px;
z-index:-1;
}

.title{
background:#f7f7f7;
display:inline;
padding-right:20px;
}

header {
    box-sizing: border-box;
    padding: 0 1.25rem;
}

footer {
    box-sizing: border-box;
    padding: 0 1.25rem;
}

footer p {
    color: #e5e5e5 !important;
    font-family: 'PT Sans', Helvetica, Arial, sans-serif;
    font-size: 1em;
    letter-spacing: 1px;
    margin-left:7em;
    margin-top:1.5em;
    margin-bottom: 1em;
    text-transform: uppercase;
}

footer a {
    color: #e5e5e5 !important;
    text-decoration: none;
    transition: color 0.3s ease 0s;

}

#copyright_links {
    float: right;
    margin-right: 0;
    width: 240px;
}

#speaking_body {
    font-family: 'PT Sans', Helvetica, Arial, sans-serif;
    font-style:normal;
    font-weight:500;
    position: relative;
    max-width: 95%;
    box-sizing: border-box;
    padding: 10px;
    background-color: none;
    
}

.speaking h2 {
    font-family: 'PT Sans', Helvetica, Arial, sans-serif;
    font-style:normal;
    font-weight:500;
    font-size: 2.2em;
    margin-bottom: 0.5em;
}

.speaking ul {
    color: darkslategray;
    font-family: 'PT Sans', Helvetica, Arial, sans-serif;
    font-size: 1.25em;
    text-align:left;
    
    width:80%;
}

.speaking li{
    display:list-item;
    line-height: 1.5;
}

.speaking a{
    color: #8b3e2f;
    text-decoration: none;
    transition: color 0.3s ease 0s;
}

@media only screen and (max-device-width: 500px) {
    ul {
        font-size:4.5625rem;
        margin: 0.625em auto 1.725em;
        width:80%;
    }  
    
    ul li a#instagram {
        font-size: 5.0325rem;
    }

}