body {
	overflow: hidden;
}

.landing-clouds {
	background-image: url("../images/clouds.png");
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	width: 100%;
	height: 100vh;
	margin: auto;
}

.landing-ballons {
	width: 900px;
	height: 90vh;
	font-family: 'Times New Roman';
	background-image: url("../images/ballons.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100%;
}

.landing-ballon-ie {
	top: 28%;
  left: 35%;
	font-weight: bold;
	font-size: 1.3em;
	overflow-wrap: normal;
	width: 110px;
}

.landing-ballon-ie-link {
	top: 16%;
	left: 23%;
	width: 210px;
	height: 140px;
}

.landing-ballon-ei {
	top: 34%;
  left: 42%;
	font-weight: bold;
	font-size: 1.3em;
	overflow-wrap: normal;
	width: 110px;
}

.landing-ballon-ei-link {
	top: 16%;
  left: 30%;
	width: 210px;
	height: 140px;
}

.landing-youchoose {
	width: 100%;
	top: 50%;
	color: #353535;
	font-weight: 500;
	font-size: 1.3em;
	font-style: italic;
	overflow-wrap: normal;
	text-align: center;
}

.landing-rollingtext {
	width: 100%;
	position: absolute;
	top: 92%;
	color: #a5a5a5;
	font-weight: bold;
	font-size: 1.2em;
	font-style: italic;
	font-family: 'Times New Roman';
	overflow-wrap: normal;
	text-align: center;
	opacity: 0;
	transition: opacity 1s;
}

@media screen and (orientation:landscape) and (max-width:1900px) and (max-height:750px) {
	.landing-ballons {
		height: 90vh;
		background-position: unset;
	}
	
	.landing-ballon-ie {
		top: 26%;
		left: 35%;
		font-weight: bold;
		font-size: 1.3em;
		overflow-wrap: normal;
		width: 110px;
	}

	.landing-ballon-ie-link {
		top: 8%;
		left: 23%;
		width: 210px;
		height: 140px;
	}

	.landing-ballon-ei {
		top: 33%;
		left: 42%;
		font-weight: bold;
		font-size: 1.3em;
		overflow-wrap: normal;
		width: 110px;
	}

	.landing-ballon-ei-link {
		top: 8%;
		left: 30%;
		width: 210px;
		height: 140px;
	}
}

@media screen and (orientation:landscape) and (max-width:850px) {
	.landing-ballons {
		background-position: 50% 10%;
		background-size: contain;
		height: 832px;
		width: 100%;
	}
	
	.landing-ballon-ie {
		top: 9%;
    left: 20%;
    text-align: center;
	}
	
	.landing-ballon-ie-link {
		top: -1%;
    left: 18%;
    width: 130px;
		height: 160px;
	}
	
	.landing-ballon-ei {
		top: 9%;
		left: 46%;
		text-align: center;
	}
	
	.landing-ballon-ei-link {
		top: -1%;
    left: 42%;
    width: 130px;
		height: 160px;
	}
	
	.landing-youchoose {
		top: 22%;
	}
	
	.landing-rollingtext {
		top: 40%;
		font-size: 1em;
	}
}

@media screen and (orientation:landscape) and (max-width:1024px) and (min-height:450px) {
	.landing-rollingtext {
		top: 82%;
	}
}

@media screen and (orientation:landscape) and (max-width:850px) and (min-height:450px) {
	.landing-rollingtext {
		top: 60%;
	}
}

@media screen and (orientation:landscape) and (max-width:600px) and (max-height:450px) {
	.landing-youchoose {
		top: 19%;
	}
	
	.landing-rollingtext {
		top: 36%;
	}
}

@media screen and (orientation:landscape) and (max-width:500px) and (max-height:450px) {
	.landing-ballon-ie {
		top: 7%;
    left: 18%;
    text-align: center;
	}
	
	.landing-ballon-ie-link {
		top: -4%;
    left: 16%;
    width: 130px;
		height: 160px;
	}
	
	.landing-ballon-ei {
		top: 7%;
		left: 38%;
		text-align: center;
	}
	
	.landing-ballon-ei-link {
		top: -4%;
    left: 32%;
    width: 130px;
		height: 160px;
	}
}

@media screen and (orientation:portrait) and (max-width:600px) {	
	.landing-ballon-ie {
		top: 29%;
    left: 14%;
    text-align: center;
	}
	
	.landing-ballon-ie-link {
		top: 16%;
    left: 13%;
    width: 120px;
    height: 130px;
	}
	
	.landing-ballon-ei {
		top: 29%;
    left: 26%;
		text-align: center;
	}
	
	.landing-ballon-ei-link {
		top: 16%;
    left: 22%;
    width: 120px;
    height: 130px;
	}
}

@media screen and (orientation:portrait) and (max-width:500px) and (max-height:650px) {
	.landing-ballon-ie {
		top: 24%;
    left: 14%;
    text-align: center;
	}
	
	.landing-ballon-ie-link {
		top: 6%;
    left: 13%;
    width: 120px;
    height: 130px;
	}
	
	.landing-ballon-ei {
		top: 24%;
    left: 26%;
		text-align: center;
	}
	
	.landing-ballon-ei-link {
		top: 6%;
    left: 22%;
    width: 120px;
    height: 130px;
	}
}

@media screen and (orientation:portrait) and (max-width:500px) and (max-height:480px) {
	.landing-ballon-ie {
		top: 19%;
    left: 14%;
    text-align: center;
	}
	
	.landing-ballon-ie-link {
		top: 2%;
    left: 13%;
    width: 120px;
    height: 130px;
	}
	
	.landing-ballon-ei {
		top: 19%;
    left: 26%;
		text-align: center;
	}
	
	.landing-ballon-ei-link {
		top: 2%;
    left: 22%;
    width: 120px;
    height: 130px;
	}
}

@media screen and (orientation:portrait) and (max-width:850px) {	
	.landing-ballons {
		background-size: contain;
		width: 100%;
		height: 100%;
	}
	
	.landing-youchoose {
		top: 50%;
	}
}

@media screen and (orientation:portrait) and (max-width:850px) and (min-height:1024px) {
	.landing-ballon-ie {
		top: 27%;
    left: 21%;
    text-align: center;
	}
	
	.landing-ballon-ie-link {
		top: 19%;
    left: 20%;
    width: 130px;
    height: 190px;
	}
	
	.landing-ballon-ei {
		top: 27%;
    left: 49%;
		text-align: center;
	}
	
	.landing-ballon-ei-link {
		top: 19%;
    left: 45%;
    width: 130px;
    height: 190px;
	}
}

@media screen and (orientation:portrait) and (max-width:850px) and (min-height:1200px) {
	.landing-ballon-ie {
		top: 31%;
	}
	
	.landing-ballon-ie-link {
		top: 25%;
	}
	
	.landing-ballon-ei {
		top: 31%;
	}
	
	.landing-ballon-ei-link {
		top: 25%;
	}
}