* {
    margin: 0;
    padding: 0;
}     

html, body { 
	width: 100%;
	height: 100%;
	font-family: 'Open Sans', sans-serif;
	font-size: 15px;
}

.flex-row{
	display: flex;
}

.col-8{
	width: 65%;
	float: left;
}
.col-4{
	width: 34%;
	float:right;
}
.col-12{
	width: 100%;
}

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

.blue{
	color: #004892;
	font-weight: bold;
	font-family: 'Open Sans', sans-serif;
}

.logo img{
	width: 335px;
	height: auto;
}

.question{
	margin-bottom: 30px;
}

.question h4{
	margin-bottom: 10px;
	padding-bottom: 5px;
	border-bottom: 1px solid #e8e8e8;
}

.question .answers{
	padding-left: 0;
	list-style: none;
	counter-reset: my-counter;
}

.question .answers li{
	display: flex;
	align-items: center;
	margin-bottom: 5px;
}

.question .answers li:before{
	margin-right: 15px;
	content: counter(my-counter, upper-alpha);
	counter-increment: my-counter;
	font-size: 20px;
	font-weight: 600;
}

.question .answers li .given-answer{
	display: inline-flex;
	margin-left: 10px;
	font-weight: bold;
}

.question .answers li .correct-answer{
	display: inline-flex;
	margin-left: 10px;
	font-weight: bold;
	color: #02b902;
}

.question .answers li.given{
	color: red;
}

.question .answers li.given.correct{
	color: #02b902;
}

.programm-title{
	margin-bottom: 25px;
	padding: 12px 15px;
	line-height: 20px;
	background-color: #004892;
	color: #fff;
	text-align: center;
	font-size: 18px;
	font-family: 'Open Sans', sans-serif;
}

.org-info{
	line-height: 22px;
	font-family: 'Open Sans', sans-serif;
	color: #7b7d7f;
	font-weight: 400;
	font-size: 14px;
}

.block-title{
	margin-bottom: 20px;
	font-size: 22px;
    font-weight: bold;
}

.bottom{
	position: absolute;
	bottom:0;
	left: 0;
	width: 100%;
	padding:10px 0;
}
.bottom p{
	color: #7b7d7f;
	font-size: 13px;
	font-family: 'Open Sans', sans-serif;
}

.clear{
	clear: both;
}