body{
    background: #eee;
    font-family: 'Roboto', sans-serif;
}
h1{
    color: #666;
    font-size: 22px;
    padding-top: 20px;
}
h4{
    color: #999;
}
.mainContent{
    background-color: #fff;
    height: 100%;
}
.content{
    margin: auto;
    text-align: center;
}
.navbar {
    margin-bottom: 0;
    border-radius: 0;
}

.sidenav {
    padding-top: 20px;
    background-color: #f1f1f1;
    height: 100%;
}
footer {
    background-color: #555;
    color: white;
    padding: 15px;
}
@media screen and (max-width: 767px) {
    .sidenav {
        height: auto;
        padding: 15px;
    }
    .row.content {height:auto;}
}
span{
    color: #999;
    font-size: 11px;
}
ul{
    list-style: none;
}
.skills li::before{
    content: "•";
    color: #999;
    margin-right: 10px;
}
.skills ul{
    padding-inline-start: 0px;
}
.socialIcon{

}
.navbar-brand span{
    color: #eee;
    font-size: 18px;
}
.caption h5{
    font-weight: bold;
    color: #666666;
    text-transform: uppercase;
}
.caption p{
    color: #999999;
    line-height: 0px;
    font-size: 12px
}
.list-group-item p{color:#666}

a {
    display: inline-block; 
 }
 object {
    pointer-events: none; 
 }