.banniere {
	min-height: 90vh;
	background: url(../img/hero.jpg) no-repeat center;
	background-size: cover;
}

h1.landingPage {}

.iphone {
	min-height: 60vh;
	background: url(/assets/img/iphones.png) no-repeat center;
}

.mac {
	min-height: 80vh;
	background: url(/assets/img/mac.png) no-repeat center;
	background-size: cover;
}

.macGris {
	background-color: rgb(250, 250, 250);
}

.backgroundGrid {
	background-color: rgb(32, 32, 32);
}


.Features {
	display: grid;
	grid-template: 200px 200px / 1fr 1fr 1fr;
	grid-gap: 30px;
}

.ipad {
	background: url(/assets/img/ipad.jpg) no-repeat center;
	min-height: 80vh;
	background-size:contain;
	margin-left: 200px;
}



@media screen and (max-width: 1001px) {

	.Features {
		grid-template: 50vh 50vh 50vh 50vh 50vh 50vh / 2fr;
	}

	.A {
		grid-row: 1/2;
	}

	.B {
		grid-row: 2/3;
	}

	.C {
		grid-row: 3/4;
	}
	.ipad {
		margin-left: 0px;
	}
}