#gui{
	overflow-x: clip;
}

.title{
	font-size: 3.7em;
	color: white;
}

#body{
	max-width: 90%;	
	margin: auto;
	margin-top: 50px;	
	position: relative;
	font-size: 1.3em;
	
}

#text{
	
	margin-top: 20px;
}

#left_column{
	position: absolute;
	left: 0;
	top: 0;
	right: 50%;
	padding: 20px;
	
}

#right_column{
	position: absolute;
	left: 50%;
	top: 0;
	right: 0;
	padding: 20px;
	
}

.login_zone{
	margin-top: 30px;
	margin-bottom: 50px;
}

.button{
	width: 150px;
	text-align: center;
	margin-right: 10px;
}


@media all and (max-width:1370px) {
	.title{
		font-size: 3em;
	}
}

@media all and (max-width:1000px) {
	
	.button{
		width: 130px;
		text-align: center;
		margin-right: 10px;
	}

}

@media all and (max-width:860px) {
	
	#right_column{
		left: 70%;
		top: 0;
		right: 0;
		padding: 20px;	
	}
	
	#left_column{
		right: 30%;
	}
	
	#right_column img{
		width: 400px;
	}

}

@media all and (max-width:730px) {
	#right_column{
		position: static;
	}
	
	#left_column{
		position: static;
	}
	
	#body{
		font-size: 1em;
	}
	
	.button{
		width: 100px;
	}
}

@media all and (max-width:400px) {
	#body{
		margin-top: 30px;
	}
}

@media all and (max-width:380px) {
	.button{
		width: calc(100% - 30px);
		margin-bottom: 10px;
	}
}