.flex-row {
	align-items: flex-start;
}

.flex-row > * {
    width: 50%;
}

.left {
    text-align: justify;
    order: 1;
}

.left li {
    font-size: 20px;
    margin-bottom: 8px;
}

.right {
    width: calc(50% - 48px);
    margin-left: 48px;
    order: 2;
}

.links-hero ul {
    list-style: none;
    padding-left: 0px !important;
}

.link {
    padding: 6px 12px;
    text-decoration: none;
    line-height: 1.6em;
    font-size: 20px;
    cursor: pointer;
    border-radius: 8px;
    transition: 0.5s
}

        .active {
            color: red;
			background-color: #f5f5f5;
        }

.html-content-holder {
    transition: 0.5s
}

.right-header {
    text-align: right;
}

@media all and (max-width: 600px) {
    .left {
        order: 2;
    }

    .right {
        order: 1;
    }

    .right-header {
        text-align: left;
    }
}