.unity-block {
	background: #bdc8db; 
	overflow: hidden;
	float: left;
	width: 100%;
}

@media(max-width: 1024px) {.unity-block{position: relative;}}

.unity-block img.main-bg {
	margin-top: 200px;
	width: 100%;
	transform: translateY(5px);
}

#pictures-bg .unity-sun {
	transform: scale(1.5);
	top: 450px;
	left: 950px;
}

#pictures-bg .unity-cloud-big {
	transform: scale(2.5);
	top: 250px;
	left: 650px;
}

#pictures-bg .unity-cloud-big-2 {
	transform: scale(2);
	top: 150px;
	left: -50px;
}

#pictures-bg .unity-moon {
	transform: scale(2);
	top: 100px;
	left: 250px;
}

#pictures-bg .unity-cloud-small {
	transform: scale(2);
	top: 150px;
	left: 1300px;
}

.unity-block .info-block-presentation {
	position: absolute;
	top: 250px;
	left: 60%;
	z-index: 100;
}

.unity-block .info-block-presentation h4.profession {
    font-size: 1.25rem;
    letter-spacing: .2em;
    -ms-writing-mode: tb-rl;
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    border-left: 4px solid #46405d;
    padding-left: 15px;
    margin-right: 38px;
    font-weight: 300;
    display: block;
}

.info-block-presentation h1.front-heading {color: #46405d}
.info-block-presentation .start-time .start-date {color: #46405d}
.unity-block .technologies ul.position_tech {width: 450px}
.unity-block .technologies ul.position_tech li::before {color: #46405d}

.unity-play {
	position: relative;
	top: 100px;
	left: 85%;
	float: left;
}

.timer-block.unity-timer {border-top: 5px solid #232323}

@media(min-width: 1800px) {
	#pictures-bg .unity-cloud-big-2, #pictures-bg .unity-moon {transform: scale(2.5)}
	#pictures-bg .unity-cloud-small {transform: scale(3.4) translateX(100px)}
}

@media(min-width: 1024px) {#pictures-bg .unity-sun {transform: translateX(-250px) translateY(-80px) scale(1.2)}}
@media(min-width: 1450px) {#pictures-bg .unity-sun {transform: translateX(-100px) scale(1.5)}}
@media(min-width: 1650px) {#pictures-bg .unity-sun {transform: translateX(0px) scale(1.5)}}

@media(min-width: 1750px) {
	#pictures-bg .unity-cloud-big {transform: translateX(100px) scale(2.5)}
	#pictures-bg .unity-sun {transform: translateX(100px) scale(1.5)}
}

@media(min-width: 2130px) {
	#pictures-bg .unity-cloud-big {transform: translateX(350px) scale(2.5)}
	#pictures-bg .unity-sun {transform: translateX(350px) translateY(100px) scale(1.5)}
}

@media(min-width: 1024px) and (max-width: 1300px) {.unity-block .info-block-presentation {left: 50%;}}
@media(min-width: 1024px) and (max-width: 1100px) {.unity-play {top: 40px}}
@media(max-width: 1460px) and (min-width: 1301px) {#pictures-bg .unity-cloud-small {left: 1100px; top: 70px}}
@media(max-width: 1300px) {#pictures-bg .unity-cloud-small {left: 850px; top: 70px}}


@media(max-width: 1024px) and (min-width: 771px) {
	#pictures-bg .unity-cloud-small {display: none}
	#pictures-bg .unity-cloud-big {transform: translateX(-110px) translateY(-150px) scale(2)}
	#pictures-bg .unity-sun {transform: translateX(-400px) translateY(-250px)}
	
	.unity-block .info-block-presentation {
		top: 70px;
		left: 40%;
	}
	
	.unity-play {
		top: -100px;
		left: 70%;
	}
	
	.unity-block .buttons .btn.white {margin-left: 0px; margin-top: 10px}
	.unity-block .buttons {display: block}
}

@media(min-width: 771px) {.unity-play-mobile {display: none}}

@media(max-width: 770px) and (min-width: 501px) {
	.unity-block img.main-bg {margin-top: 0}
	#pictures-bg {display: none}
	
	.unity-block .info-block-presentation {
		position: static;
		display: flex;
		justify-content: center;
		margin-top: 50px;
	}
	
	.unity-play {
		display: none;
	}
	
	.unity-play-mobile {
		position: relative;
		left: 80%;
		top: 100px;
		z-index: 1000;
	}
}

@media(max-width: 500px) {
	.unity-block {background: #fcfcfc}
	
	.unity-block img.main-bg {margin-top: 0}
	#pictures-bg {display: none}
	
	.unity-block .info-block-presentation {
		position: static;
		margin-top: 50px;
		margin-left: 5%;
		width: 90%;
	}
	
	.unity-play {
		display: none;
	}
	
	.unity-play-mobile {
		position: relative;
		left: 80%;
		top: 100px;
		z-index: 1000;
	}
	
	.unity-block .buttons .btn.white {margin-left: 0px; margin-top: 20px}
	.unity-block .buttons {flex-direction: column; width: 100%}
	.unity-block .block-with-border h1.front-heading {font-size: 4rem}
}

@media(max-width: 430px) {
	.unity-play-mobile {left: 60%; top: 20px;}
}

@media(max-width: 350px) {
	.unity-block .technologies ul.position_tech {width: 300px}
	.unity-block .technologies ul.position_tech li.wide {width: 120px}
}