@media (min-width: 1700px) {
  /* general text sections */
  .titleContainer {
    grid-column: 2/5;
  }
  .textContent,
  .terms.textContent {
    grid-column: 3/11;
  }
  .management .textContent {
    width: 100%;
    max-width: 1500px;
    margin-left: auto;
    margin-right: auto;
  }
  .management .textContent .managerTitle h3 {
    max-width: none;
  }
  .accessPPM {
    width: 60%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (max-width: 1500px) {
  /* general text sections */
  .titleContainer {
    grid-column: 2/5;
  }
  .textContent {
    grid-column: 3/11;
  }

  /* .managerBio {grid-column: 3/9} */
  /*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;
  }
  .contactForm {
    grid-column: 2/15;
  }
}

@media (max-width: 1100px) {
  /* navigation */
  .getStarted2 {
    display: block;
    margin-right: 40px;
    margin-top: 20px;
  }
  .pure-container input,
  .pure-container label {
    display: block;
  }
  .pure-toggle-label {
    margin-top: -8px;
  }
  .pure-pusher ul {
    display: none;
  }
  .pure-container {
    margin-right: 30px;
  }
  .logo {
    width: 40%;
  }
}
/* @media (max-width:1600px) {
	.wrap-collapsible {margin-left:-200px;}
} */
/* @media (max-width:1300px) {
	.wrap-collapsible {margin-left:-150px;}
} */
@media (max-width: 1100px) {
  .textContent,
  .management .textContent {
    grid-column: 2/12 !important;
    padding-left: 5%;
    padding-right: 5%;
  }
  .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;
  }
  /* .wrap-collapsible {margin-left:-200px} */
}
@media (max-width: 983px) {
  /* general text sections */
  .titleContainer,
  .management .titleContainer {
    grid-column: 1/12;
    padding-left: 5%;
    padding-right: 5%;
    border-right: none;
  }
  .chart {
    width: 100%;
    margin: 0;
  }
  /* breakpoints */
  .breakPoint.one,
  .breakPoint.two,
  .breakPoint.three {
    grid-template-rows: minmax(200px, auto);
    clip-path: none;
    min-height: 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;
    background-color: transparent;
  }
  .breakPointCaption h4 {
    font-size: 1.5rem;
  }
  /* slash responsive */
  .bpImageRight {
    transform: skewX(0deg);
    margin-left: 0;
    border: none;
  }
  .bpCaptionLeft {
    margin-right: 0px;
  }
  .bpImageRight::before {
    display: none;
  }

  .bpImageLeft {
    transform: skewX(0deg);
    margin-right: 0;
    border: none;
  }
  .bpCaptionRight {
    margin-left: 0px;
  }
  .bpImageLeft::before {
    display: none;
  }

  .bpCaptionLeft div,
  .bpCaptionRight div {
    margin: 0 auto;
  }

  .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, 0.4);
  }

  /* 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: 3/6;
  }
  .pageTitle,
  .brief {
    font-size: 0.8em;
  }
}
@media (max-width: 860px) {
  .iconsFooter ul,
  .iconsFooter .icons {
    width: 100%;
    margin: 0;
  }
}

@media (max-width: 815px) {
  .pageTitle {
    grid-column: 1/6;
    padding-left: 10%;
    padding-right: 10%;
  }
  .section1 {
    height: 100vh;
    font-size: 0.8em;
  }
  .brief {
    height: auto;
  }
}

@media (max-width: 800px) {
  .contactLeft,
  .contactRight {
    width: 100%;
    clear: both;
    float: none;
    padding: 0;
  }
  .contactInput,
  .contactInput:first-of-type,
  .contactArea {
    margin: 0;
  }
  .contactArea {
    border-top: none;
  }
  .contactRight {
    margin-top: 10%;
  }
  .contactButton {
    margin-top: 15%;
  }
  /* .wrap-collapsible {
		margin-left:-120px;
	} */

  .wrap-collapsible {
    margin-left: 0 !important;
  }
  .wrap-collapsible > label {
    font-size: 1em;
  }

  .wrap-collapsible {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .iconsFooter ul {
    display: inline;
  }
  .titleContainer img,
  .wnHeader img {
    width: 30%;
    margin: 0 35%;
  }
}

@media (max-width: 700px) {
  /* navigation */

  .accessPPM {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    max-width: none;
  }
  .pageTitle {
    grid-row: 4/5;
    grid-column: 2/5;
  }
  .sectionOverlay,
  .breakPoint.one,
  .breakPoint.two,
  .breakPoint.three {
    background-attachment: scroll;
  }
  .chart {
    width: 100%;
  }
  .getStarted2 {
    width: 135px !important;
    margin-top: 20px;
    margin-right: 45px;
    text-align: center;
  }
  .pure-toggle-label {
    margin-top: -8px;
  }
  .getStarted2 a {
    padding: 0;
  }
  .logo img {
    max-width: 200px;
  }
}

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

@media (max-width: 550px) {
  .managerTitle {
    clear: both;
    margin-left: 0px;
    padding-top: 15px;
  }
  .logo img {
    max-width: 150px;
  }
  .iconsFooter .icons {
    display: block;
    text-align: center;
  }
  .textContent p,
  .textContent li {
    font-size: 1.65em;
  }
  .wrap-collapsible > div > div > p,
  .terms .content-inner p,
  .wnAyi li,
  .wnByi li {
    font-size: 1.2em;
    line-height: 1.25em;
  }
}
@media (max-width: 500px) {
  .footerLeft {
    grid-column: 1/5;
    grid-row: 1/2;
    padding-right: 0;
  }
  .footerLeft img {
    width: 60%;
    margin: 0 20%;
    max-width: 250px;
  }
  .footerRight {
    grid-column: 1/5;
    grid-row: 2/3;
    text-align: center;
    padding-left: 0;
  }
  .legend {
    grid-row: 3/4;
    margin-top:10%;
  }
  .iconsFooter li,
  .footerLeft li {
    text-align: center;
  }
  .iconsFooter .icons {
    justify-content: center;
  }
}
@media (max-width: 430px) {
  /* navigation */
  .logo {
    width: 45%;
  }
  .getStarted2 {
    display: none;
  }
  .accessPPM {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  .pageTitle {
    grid-row: 4/5;
    grid-column: 2/5;
  }
  .pageTitle h1 {
    font-size: 2.75em;
  }
  .pageTitle h2 {
    width: 80%;
  }
  .titleContainer img {
    width: 40% !important;
    margin: 0 30% !important;
  }
}