.assessment img{width:45%; display:inline-block;}
.assessment .start img{animation: bounceInRight 2s forwards;}
.assessment .question img{opacity:0; animation: doorCloseLeft 2s 1s forwards;}
.assessment .screen .text{width: 100%;}
.assessment .start .text{width:50%; display:inline-block; margin-right:5%;}
.assessment .hasimage {width: 50%; display: inline-block; margin-right: 5%; vertical-align: top;}
.assessment .question .text, .feedback .text {margin-bottom: 1rem;}
.assessment .question .text{animation: appearOpacityY 2s forwards;}
.assessment ol.answers {padding-left: 0px;}
.assessment li.answer {list-style-type: none;}
.assessment .answers{animation: pushReleaseFromLeft 1s forwards;}
.assessment .answer {cursor:pointer; background: var(--pogo-greenblue); background: linear-gradient(90deg, var(--pogo-greenblue) 0%, var(--pogo-darkestblue) 100%); color: #ffffff; padding: 0.25rem 0.5rem; border-radius: 0.4rem; margin-bottom: 0.25rem;}
.assessment .answer:hover {transform: scale(1.01);}
.assessment .answer .text{width: 100%; display: inline-block; margin-right: 0px; box-shadow: unset; background-color: unset; padding: 1rem; animation: unset; margin-bottom:0px;}
.assessment .answer .text p {margin: 0px;} 


@media screen and (max-width: 667px){

	.assessment img{width:100%; margin: 0.5rem 0px;}
	.assessment .start .text{width:100%; margin-right:0px;}
	.assessment .hasimage {width: 100%; margin-right: 0px;}
	.assessment .question img{opacity:0; animation: doorCloseLeft 1s  forwards;}
}

.assessment .progressbar {width: 50%; margin-left: auto; margin-right: auto; margin-top:1rem; margin-bottom:1rem; padding-left:0px;}
.assessment .progress-item{display: inline-block; margin-right: 0px; width: 2rem; height: 2rem; text-align: center; padding-top: 0.5rem; border: solid 1px #000000; line-height: 100%; border-radius: 1rem; } 
.assessment .progress-line{border-bottom: solid 1px #000000; display: inline-block; line-height: 100%; height: 1rem; vertical-align: top;}
.assessment .progress {font-size: 0.7rem; text-align: right;}
.assessment .feedback .introduction {display: none;}


@media screen and (max-width: 667px){
.progressbar {width: 100%;}
}