body {
    /*font-family: Arial;*/
    color: #444444;
    background: #b2b2b2;
}

.btn {
    white-space: normal;;
}

.official {
    width: 100%;
    padding: 5px 15px;
    background: #f00;
    color: #ffffff;
    text-align: center;
}

.bg-header {
    position: absolute;
    width: 100%;
    height: 30%;
    top: 0;
    left: 0;
    background: url("../img/bg_header.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-bottom: 1px solid #cfcfcf;
    z-index: -100;
}

.header {
    margin: 30px 0;
    overflow: hidden;
}

.header .logo {

}

.page {
    background: #ffffff;
    padding: 25px 15px;
}

.page h1 {
    color: #1f425f;
    font-weight: bold;
    line-height: 1;
}

.page p {
    font-size: 20px;
}

.page .side-bar h4 {
    font-size: 1.385em;
    font-weight: bold;
    line-height: 1.2;
    padding-top: 9px;
    padding-bottom: 0.08em;
    margin: 0 0 0.385em;
    color: #244873;
    border-bottom: 1px solid #dbdbdb;
}

.page .side-bar a {
    margin-bottom: 10px;
    display: block;
}


@media (max-width: 575px) {
    .page {
        padding: 15px 8px;
    }
}


footer {
    margin: 30px 0;
}