/* 1120px */

@media all and (max-width: 70em) { 
	
	.wrapper {
		width: 94%;
	}

}

/* 800px */

@media all and (max-width: 50em) { 
	
	select.lan_switch {
		margin-left: 30px;	
		margin-bottom: 15px;
	}

	.nav {
		float: right;
		width: auto;
		height: auto;
		background: none;
		margin-left: 40px;
	}
	
	.nav ul {
		float: right;
		width: auto;
		height: auto;
		text-align: right;
	}
	
	.nav ul li {
		display: inline-block;
		height: auto;
		text-align: left;
	}
	
	.nav ul li.home {
		width: auto;
		padding-top: 0;
		margin-left: 0;
	}
	
	.nav ul li.rules {
		width: auto;
		padding-top: 0;
		margin-left: 0;
	}
	
	.nav ul li.contact {
		width: auto;
		padding-top: 0;
		margin-left: 0;
	}
	
	.nav ul li a {
		background: #1bb169;
		padding: 8px 20px;
		margin-left: 1px;
	}
	
	div.step img {
		width: 46%;
		margin-right: 4%;
	}

	div.step img.small {
		width: 30%;
		margin-right: 3%;
	}
	

}

/* 640px */

@media all and (max-width: 40em) { 
	
	.header {
		margin-top: 20px;
	}
	
	.content {
		float: left;
		width: 100%;
	}
	
	.sidebar {
		float: right;
		width: 100%;
	}
	
	
}

/* 560px */

@media all and (max-width: 35em) { 
	
	.header {
		margin-bottom: 25px;
	}
	
	select.lan_switch {
		margin-top: 25px;	
	}
	
	.nav {
		float: right;
		width: 100%;
		margin-top: 15px;
		margin-left: 0;
	}
	
	.nav ul {
		float: left;
		width: 100%;
	}
	
	.nav ul li {
		float: left;
		width: 33% !important;
		margin-right: 0.3%;
	}
		
	.nav ul li a {
		width: 96%;
		background: #1bb169;
		padding: 8px 2%;
		margin-left: 1px;
		font-size: 15px;
		text-align: center;
	}
	
	
}

/* 400px */

@media all and (max-width: 25em) { 

	.nav ul li.home {
		display: none;
	}
	
	.nav ul li {
		width: 49.5% !important;
		margin-right: 0.5%;
	}
	

}