#viewport {
	background: #f5f8fa !important;
}

#viewport > #website-header {
	height: 62px;
	background: none !important;
}

#viewport > #website-header > #header-streak {
	background: #fff !important;
	border-bottom: 1px solid #e1e8ed;
}

#viewport > #website-header > #header-streak > #streak-inner > #streak-logo > span {
	color: #133b6b;
}

#viewport > #website-header > #header-streak > #streak-inner > #streak-items > .streak-item#item-players {
	top: 15px;
	position: relative;
	background-color: #2c394a;
}

#viewport > #website-header > #header-streak > #streak-inner > #streak-items > .streak-item#item-players > span {
    color: #fff;
    padding: 6px 10px;
    font-size: 14px;
    font-weight: 600;
    display: inline-block;
}

#viewport > #website-canvas {
	min-height: 100%;
	padding-top: 62px;
}

#viewport > #website-canvas > #canvas-inner {
	text-align: center;
}

#viewport > #website-canvas > #canvas-inner > h1 {
    color: #fff;
    margin: 10px 0 20px;
    font-size: 32px;
    font-weight: 600;
    line-height: 1em;
    min-width: 600px;
    padding: 8px 12px;
    text-align: center;
    display: inline-block;
    background: #2c394a;
}

#viewport > #website-canvas > #canvas-inner > ol > li {
    padding: 0;
    font-size: 12px;
    margin: 5px 11px 5px 0;
    list-style-type: disc;
    text-align: justify;
}

#viewport > #website-canvas > #canvas-inner > ol > li > p {
	font-size: 12px;
	text-align: justify;
}