html, body {
    margin: 0;padding: 0;border: 0;
    width: 100%; height: 100%;
    font-family: 'Open Sans', sans-serif;
}

a {
    color: #003963;-webkit-transition: 0.5s;transition: 0.5s; text-decoration: none; font-weight: bold;
}
a:hover {
    color: #dd3333;
}

section.logotype {
    width: 100%; height: 100%;
    background: #f5f5f5;
}
section.logotype img {
    position: absolute;
    top: 0;left: 0;right: 0;bottom: 0; margin: auto;
}

div.lineTop1 {
    position: absolute; width: 100%;height: 5px;top: 0;left: 0;
    background: #003963;
}div.lineTop2 {
    position: absolute; width: 100%;height: 5px;top: 5px;left: 0;
    background: #FFF;
}div.lineTop3 {
    position: absolute; width: 100%;height: 5px;top: 10px;left: 0;
    background: #dd3333;
}
div.lineBottom1 {
    position: absolute; width: 100%;height: 5px;bottom: 10px;left: 0;
    background: #003963;
}div.lineBottom2 {
    position: absolute; width: 100%;height: 5px;bottom: 5px;left: 0;
    background: #FFF;
}div.lineBottom3 {
    position: absolute; width: 100%;height: 5px;bottom: 0;left: 0;
    background: #dd3333;
}

footer {
    position: fixed;width: 100%;
    bottom: 25px; left: 0;
    color: #003963;font-size: 15px;text-align: center;
}

@media only screen and (max-width: 580px) {
    section.logotype img {
        width: 100%;
    }
    footer {
        font-size: 11px;
    }
}