@media (max-width:1500px) {
	/* general text sections */
	.titleContainer {
		grid-column: 2/5;
	}
	.textContent {
		grid-column: 6/12;
	}

	/*whats next section */
	.wnByi {
		grid-row:2/3;
		grid-column:2/16;
		margin-top:0;
	}
	.wnByiImage {
		grid-row:3/4;
		grid-column:5/13;
	}
	.wnAyi {
		grid-row:4/5;
		grid-column:2/16;
	}
	.wnClose {grid-row:5/6;}
	.whatsNext .accessPPM {grid-row:6/7;}

}
@media (max-width:1250px){
	/* navigation */
	.getStarted2 {display:block;}
	.pure-container input, .pure-container label {display:block;}
	.pure-pusher ul {display: none;}
	.pure-container {margin-right:30px;}
	.logo {width:40%;}
}
@media (max-width:1100px) {
	.contactHeader {
		grid-row:1/2;
		grid-column:2/15;
	}
	.contactForm {
		grid-row:2/3;
		grid-column:2/15;
	}
	.contactInput {
		width:90%;
		clear:both;
		margin-left:5%;
		margin-right:5%;
	}
	.contactInput:first-of-type {margin-left:5%;}
	.contactText {
		grid-row:3/4;
		grid-column:2/15;
	}
}
@media (max-width:983px) {
	/* general text sections */
	.titleContainer {
		grid-column: 2/12;
		padding-left:5%;
		padding-right:5%;
		border-right:none;
	}
	.textContent {
		grid-column: 2/12;
		padding-left:5%;
		padding-right:5%;
	}

	/* breakpoints */
	.breakPoint.one, .breakPoint.two, .breakPoint.three {
		grid-template-rows: minmax(200px, 300px);
	}
	.one .breakPointCaption, .two .breakPointCaption, .three .breakPointCaption {
		grid-column: 1/16;
		grid-row:1/2;
		padding-left:5%;
		padding-right:5%;
		z-index: 1;
		color:#FFF;
	}
	.one .breakPointImage, .two .breakPointImage, .three .breakPointImage {
		grid-column: 1/16;
		grid-row:1/2;
	}
	.one .breakPointOverlay, .two .breakPointOverlay, .three .breakPointOverlay {background:rgba(0,0,0,.65);}

	/* whats next section*/
.wnHeader {
	grid-column:3/15;
}
.wnByiImage {
	grid-column:5/13;
	margin-top:0;
}
.wnByi {
	grid-column: 2/16;
}

.wnAyi {
	grid-column: 2/16;
}


	/* access PPM big button */
	.summary .accessPPM, .terms .accessPPM {
		grid-row:3/4;
		grid-column:2/12;
	}
	.whatsNext .accessPPM {
		grid-row:7/8;
		grid-column:2/16;
	}
}

@media (max-height:916px) {
	/* section 1 */
	.pageTitle {
		grid-row: 4/6;
	}
}

@media (max-width:700px){
	/* navigation */
	.getStarted2 {
		margin-right:60px;
	}
}

@media (max-height:675px) {
	/* section 1 */
	.pageTitle {
		grid-row: 3/6;
		font-size:.8em;
	}
}

@media (max-width:430px){
	/* navigation */
	.logo {
		width:30%;
	}
}