#headerContent{
    max-width: 850px;
    /*box-shadow:0 20px 20px -20px #555555;*/
    margin: 0 auto 15px auto;
    padding-top: 10px;
}

.titleSection{
    display: flex;
    text-align: right;
    max-width: 640px;
    margin: 0 auto;
    padding: 0 10px;
}
.titleSection .logo{
    width:200px;
}
.titleSection .right{
    margin: auto 0;
}
.titleSection .title{
    font-size:45px;
    text-decoration:underline;
    color:rgb(0,112,192);
    text-transform:uppercase;
    display:block;
}
.titleSection .subTitle{
    margin-top:10px;
    display:block;
}
.linksContent{
    text-align: center;
    background-color: #eaf9ff;
}
.links{
    display:inline;
    /*margin-left: 25px;*/
}
.links a{
    color:rgb(0,112,192);
    margin: 23px;
    line-height: 30px;
    text-decoration:none;
}
.links a:hover{
    text-decoration:underline;
}

@media only screen and (max-width: 540px) {
    .titleSection{
        text-align: center;
        display:block;
    }

    .titleSection .logo{
        width:150px;
    }

    .titleSection .title{
        font-size:35px;
    }
}