#err02h {
    text-transform: uppercase;
    color: var(--blue02);
}
#err03l {
    border-right: 1px solid var(--blue02);
}
.header-bar {
    width: 100%;
    background-color: white;
}
@media(max-width:412px) {
    .header-bar {
        height: 120px;
    }
    .header-container {
        height: 120px;
    }
}
.header-container {
    width: 80%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.header-container > nav {
    justify-content: space-between;
    align-items: center;
    overflow: hidden;
}
.header-container > nav > a {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 15px;
    border-left: 1px solid var(--blue02);
    height: 45px;
    color: var(--blue02);
    font-size: 24px;
    font-weight: 500;
    
}
.header-container > nav > a:hover {
    background-color: var(--blue02);
    color: white;
}
@media(min-width:1060px) {
    .header-container {
        width: 80%;
    }
}
@media(max-width:1061px) {
    .header-container {
        width: 94%;
    }
}
@media(min-width:570px) {
    #err02h {
        margin: 0;
    }
}
@media(min-width:413px) and (max-width:569px) {
    .header-bar {
        height: 60px;
    }
}
@media(max-width:569px) {
    #err02h {
        margin-top: 18px;
    }
}