.center-zone {
    position: relative;
    width: 320px;
	margin-left: auto; 
	margin-right: auto; 
}
.parallelogram {
    position: relative;
    left: 1em;
    width: 320px;
	height: 3em;
    background: #2b4063;
    /* transform to parallelogram */
	transform: skewX(-30deg);
    -webkit-transform: skew(-30deg);
    -moz-transform: skew(-30deg);
    -o-transform: skew(-30deg);
	transform-origin: top;
	margin-top: 1em; 
	margin-bottom: 1em; 
	display: flex;
	justify-content: center;
	align-items: center;
    text-align: center;
}

.parallelogram > a {
	color: #fff;
	font-size: 20px;
	transform: skewX(30deg);
}

.careers {
    margin: 0 auto;
	max-width: 640px;
    position: relative;
}

.careers a:hover {
	color: #00f5fe;
}

ul:not([class]):not([id]) {
	list-style-type: circle; 
}

ul:not([class]):not([id]) li {
	position: relative;
}