#main-header {
    display: flex;
    flex-direction: row;
    align-items: center;
    background: var(--primary-color);
    padding: 25px;
}
#main-header #logo {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    text-decoration: none;
    color: white;
}
#main-header #logo span {
    display: flex;
}

#main-header p {
    color: white;
}
#main-header #content {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-left: auto;
}
#main-header #content a {
    display: flex;
    flex-direction: column;
    align-items: center;
    color: white;
    text-decoration: none;
    margin: 0 10px;
    text-align: center;
}

#main-header #content a span {
    display: flex;
    text-align: center;
}

#main-header #content #section {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0 10px;
    position: relative;
}
#main-header #content #section::before {
    content: "";
    display: flex;
    position: absolute;
    width: 1px;
    height: 100%;
    background: white;
    opacity: .5;
    left: 0;
}