.task{
	background-color: #fff !important;
}

.level-4 .announce__text{
	text-align: left;
}

.level{
	text-align: center;
	margin-top:2.5%;
	box-sizing: border-box;
	/*margin-bottom: 3rem;*/
}

.level-4{
	margin-bottom: 0rem;

}
.cover-bg{
	background-position: 24% center !important; 
}
.level-2, .level-3, .level-4{
	margin-top:2.5%;
	position:relative;
}

.level-4{
	width:100%;
	overflow: hidden;
	position:relative;
}

.level-2 .level__description{
	padding-left: 50%;
}

.level-1 img{
	max-width: 52.5%;
	width:100%;
}

.level-2 img{
	max-width: 55.5%;
	width:100%;
}

.level-3 img{
	max-width: 85%;
	width:100%;
}
.level-4 img{
	width:100%;
	display: block;
}

.level img{

}

.level-4 .lvls{
	position:relative;
	width:110%;
	left:50%;
	transform:translateX(-50%) scale(1.04);
	margin-top:3%;
}

@media (max-width: 1260px) {
	.level-4 .lvls{
		transform: translateX(-50%) scale(1);
	}
}

.level__description p{
	text-align: left !important;
}

.dialog{
	margin-top:1.5rem;
	padding-bottom: .5rem;
}

@media (max-width: 880px) {
	.dialog{
		margin-top:1rem;
	}
}

.dialog__text{
	font-family: ALSArtemiusSans !important;
	max-width:450px !important;
	width:100% !important;
}

.dialog__text.announce__text{
	margin: 0 !important;
}

.dialog__level-3{
	max-width: 66%;
	margin: 0 auto;
}

.aa{
	margin-bottom: 2rem !important;
}
.credits{
	background-color: #f5f5f5 !important;
}
.dialog__level-3 .announce__text{
	margin-left:0 !important;
	padding-left:0 !important;
}

.dialog__r{
	padding-left: 50%;
}

@media (max-width: 880px){
	.dialog__r{
		padding-left: 0px;
	}
	.dialog__level-3{
		margin-left: 5%;
		max-width: unset;
	}
	.dialog__text{
		max-width: 400px !important;
	}
}

.level__dialog .announce__text{
	font-family: ALSArtemiusSans !important;
}
.level-4 .level__dialog{

	position: absolute;
    right: 5%;
    top: 52%;
    text-align: left;
}

@media (max-width: 1860px){
	.level-4 .level__dialog{
		right:2.5%;
	}
}


@media (max-width: 10px){
	.level-4 .level__dialog{
		right:0%;
	}
}

@media (max-width: 1470px){
	.level-4 .level__dialog{
		right:1%;
	}
}

@media (max-width: 1260px){
	.level-4 .level__dialog{
		position:relative;
		right:unset;
		top:unset;
	}
}

.level-2-description{
	position:absolute; top: 66%; left:50%
}

.level-2-description .announce__text{
	width:100% !important;
	text-align: left;
}

@media (max-width: 1826px) {
	.level-2-description{
		top: 60%;
	}
}
@media (max-width: 1320px) {
	.level-2-description{
		top: 55%;
	}
}
@media (max-width: 1120px) {
	.level-2-description{
		top: 50%;
	}
}
@media (max-width: 700px) {
	.level-2-description{
		top: 40%;
	}
}
@media (max-width: 540px) {
	.level-2-description{
		position:relative;
		top:unset;
		left:unset;
	}
	.level-2-description .announce__text{
		width:100% !important;
		text-align: center;
	}
}

.dialog__text i:before{
	content: '\2014\00a0';
	position: absolute;
    margin-left: -26px;
}

.dia i:before{
	content: '\2014\00a0';
	position: absolute;
    margin-left: -26px;
}

.level__dialog{
	text-align: left !important;
}

@media (max-width: 880px) {
	.announce__text{
		padding-left: 2.5rem;
		padding-right: 2.5rem;
	}
}

.level>.announce__text, .level>.announce__text>p{
	padding-bottom:0;
}

.show-mobile{
	display:none;
}
.hide-mobile{
	display:block;
}

@media (max-width:1260px) {
	.show-mobile{
		display:block;
	}
	.hide-mobile{
		display:none;
	}
}