@prim_color: red;
@sec_color: #008ce3;
@text_color: #000000;
* {
    margin: 0;
    padding: 0;
}

body {
    width: 100%;
    min-height: 100%;
    color: #000000;
    font: Arial, sans-serif;
    background: #eeeeee;
}

h1,
h2,
h3,
h4,
h5 {
    font-weight: bold;
}

#header {
    background: url("/errors/src/img/back_head.png") repeat-x top center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 60px;
}

#footer {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40px;
    background: url("/errors/src/img/back_footer.png") repeat-x top center;
}

.footer_logo {
    float: right;
    padding-top: 12px;
    margin-right: 25px;
}

h1.errH1 {
    font-size: 5.25em;
}
h1.errH1.small {
    font-size: 3.25em;
}

a {
    color: #008ce3;
    text-decoration: none;
}

#content {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
    height: 100%;
    width: 100%;
    font: 1em Arial, sans-serif;
}

#content .cont {
    display: flex;
}

.item {
    margin: 1.5em 0;
}

.item:first-child {
    margin-top: 0;
}

.item:last-child {
    margin-bottom: 0;
}

.cont ul {
    list-style-type: none;
    padding: 0;
    line-height: 2;
}

.cont ul li .circle {
    background: #898989;
    width: 0.5em;
    height: 0.5em;
    float: left;
    margin: 0.8em 0.6em 0;
    border-radius: 50%;
}

.cont .items {
    padding: 0 2em;
}

.items.right {
    color: #898989;
    border-left: 1px solid #d6d6d6;
}

.logo img {
    margin-top: 2em;
    border: 0;
    width: 200px;
    cursor: pointer;
}