#home {
	position:relative;
	background: url('../img/formation-smartphone.jpg') no-repeat top right;
	background-size: contain;
	display: grid;
	grid-template-columns: 50%;
	align-items: start;
	height: 80vh;
	max-width: 80vw;
	margin:auto;
}

#home > :first-child{
	padding-top:10vh;
}

#top-nav {
	max-width: 80vw;
	margin: auto;
	height:20vh;
}

nav > ul > li {
    margin:0 27px 0 0;
}

nav > ul > li:last-child {
    margin:0;
}

body {
	width: initial!important;
	margin: auto;
	max-width: initial!important;
	height: initial!important;
	overflow: initial!important;
	border-left: none!important;
	border-right: none!important;
}

#home .connect {
	margin-top:15px;
}

#home .intro {
	margin:20px 0 30px;
}

#home .bg {
	background: none;
	height: initial;
}

#home .intro{
	font-size:20px;
}

#home h1{
	font-size:50px;
}

@media (max-width: 714px) {
	#home {
		background: none;
		display: block;
		max-width:initial;
		height:initial;
	}

	#home > :first-child{
		padding-top:initial;
	}
	
	#home .intro{
		font-size:12px;
		margin:20px 0;
	}

	#home h1{
		font-size:35px;
	}


	#home .bg{
		background:url('../img/formation-smartphone.jpg') no-repeat center center;
		background-size:contain;
		height:38vh;
	}

	#top-nav > div:last-child {
		display: none;
	}

	#top-nav {
		display: block;
		padding: 35px 0;
		max-width: 100%;
		text-align: center;
		height:initial;
	}

	.logo {
		margin: auto;
		width: 250px;
	}
}