.head{
    padding: 1.7em 0 1.5em 0;
    height:60px;
    position: fixed;
    top: 0;
}

.head-content{
}

.logo-content{
    background-image:url('../images/logo.png');
    background-repeat:no-repeat;
    background-size:auto 80px;
    width:350px;
    height: 90px;
}

.content-overview {
    width:100%;
}

.logo{
    background-image:url('../images/logo.png');
    background-repeat:no-repeat;
    background-size:auto 80px;
    width:350px;
    position:fixed;
    right:0;
    height: 90px;
    top: 10px;
}

.logo-small{
    background-image:url('../images/btn-logo.png');
    background-repeat:no-repeat;
    background-size:auto 80px;
    width:100px;
    position:fixed;
    right:0;
    height: 90px;
    top: 10px;
}

.content{
    position: fixed;
    top: 75px;
    bottom:170px;
    overflow:auto;
    width: 95%;
    margin: 50px auto 10px auto;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

.footer{
    padding: 1.5em 0 1em 0;
    background: #484848;
    position:fixed;
    bottom:0px;
    width:100%;
    max-height: 160px;
}

.article {
    min-height: 1px;
    min-width:115px;
    margin: 0 0 0 5%;
    float: left;
    color: #638594;
    width:90%;
}

.article-nopad {
    min-height: 1px;
    min-width:115px;
    float: left;
    color: #638594;
    width:100%;
}

.article-1 {
    min-height: 1px;
    width:58%;
    min-width:115px;
    margin: 0 0 0 5%;
    float: left;
    color: #638594;
}

.article-1-nopad {
    min-height: 1px;
    width:72%;
    min-width:115px;
    margin: 0;
    float: left;
    color: #cdcdcd;
}

.article-2 {
    min-height: 1px;
    width:44%;
    min-width:115px;
    margin: 0 0 0 5%;
    float: left;
    color: #638594;
}

.article-2-nopad {
    min-height: 1px;
    width:50%;
    min-width:115px;
    float: left;
}

.article-3 {
    min-height: 1px;
    width:28%;
    min-width:115px;
    margin: 0 0 0 5%;
    float: left;
    color: #638594;
}

.article-3-nopad {
    min-height: 1px;
    width:33%;
    min-width:115px;
    float: left;
    color: #638594;
}

.article-2-3-nopad {
    min-height: 1px;
    width:66%;
    min-width:115px;
    float: left;
    color: #638594;
}


.article-4 {
    min-height: 1px;
    width:22%;
    min-width:115px;
    margin: 0 0 0 5%;
    float: left;
    color: #638594;
}

.article-4-nopad {
    min-height: 1px;
    width:22%;
    min-width:115px;
    margin: 0;
    float: left;
    color: #fff;
}

.article h3, .article-1 h3, .article-2 h3, .article-3 h3, .article-4 h3 {
    color:#309ED8;
    font-size: 1.5em;
    border-bottom: 1px solid #309ED8;
    font-family: 'Open Sans', sans-serif;
    padding: 20px 0px;
    margin-bottom: 13px;
    text-transform: uppercase;
}

.article h4, .article-1 h4, .article-2 h4, .article-3 h4, .article-4 h4 {
    color:#309ED8;
    font-size: 1.2em;
    font-family: 'Open Sans', sans-serif;
    text-transform: uppercase;
    padding: 20px 0px;
}

.footer .article, footer .article-1, .footer .article-2, .footer .article-3, .footer .article-4 {
    color:#cdcdcd;
}

.footer .article h3, .footer .article-2 h3, .footer .article-3 h3, .footer .article-4 h3 {
    color:#cdcdcd;
    font-size: 1.2em;
    border-bottom: 1px solid #FFF;
    font-family: 'Open Sans', sans-serif;
    padding: 5px 0px 10px 0px;
    text-transform: uppercase;
}