@media (min-width: 1700px) {
  /* general text sections */
  .titleContainer {
    grid-column: 2/5;
  }
  .textContent {
    grid-column: 2/12;
  }
  .management .textContent {
    margin-left: auto;
    margin-right: auto;
    grid-column: 1/13;
  }
  .management .textContent .managerTitle h3 {
    max-width: none;
  }
  .accessPPM {
    width: 40%;
    margin-left: 30%;
    margin-right: 30%;
  }
}
@media (max-width: 1700px) {
  .managerImage {
    grid-column: 1/3;
  }
  .managerBio {
    grid-column: 3/9;
  }
}
@media (max-width: 1500px) {
  /* general text sections */
  .titleContainer {
    grid-column: 2/5;
  }
  .textContent {
    grid-column: 2/12;
  }

  .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: 1400px) {
  /* 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%;
  }
  .managerWrapper {
    grid-column: 1/3;
  }
  .managerWrapper2 {
    grid-column: 1/3;
    grid-row: 2/3;
  }
  .team {
    grid-row: 3/4;
  }
  .fiveColWrap {
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: auto;
  }

  .fiveColWrapLeft {
    grid-column: 1/2;
    grid-row: 1/2;
    padding-left: 0;
    padding-right: 8%;
  }

  .fiveColWrapLeftCenter {
    grid-column: 2/3;
    grid-row: 1/2;
    padding-left: 8%;
    padding-right: 0;
  }
  .fiveColWrapCenter {
    grid-column: 3/4;
    grid-row: 1/2;
    padding-left: 0;
    padding-right: 8%;
  }

  .fiveColWrapRightCenter {
    grid-column: 1/2;
    grid-row: 4/5;
    padding-left: 0;
    padding-right: 8%;
  }

  .fiveColWrapRight {
    grid-column: 2/3;
    grid-row: 4/5;
    padding-left: 8%;
    padding-right: 0;
  }
  .sectionOverlay {
    background-position: center 105%;
  }
}
/* @media (max-width:1600px) {
	.wrap-collapsible {margin-left:-200px;}
} */
/* @media (max-width:1300px) {
	.wrap-collapsible {margin-left:-150px;}
} */
@media (max-width: 1100px) {
  .textContent {
    grid-column: 2/12;
    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 {
    grid-column: 2/12;
    padding-left: 5%;
    padding-right: 5%;
    border-right: none;
  }

  /* breakpoints */
  .breakPoint.one,
  .breakPoint.two,
  .breakPoint.three {
    grid-template-rows: minmax(200px, auto);
  }
  .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 !important;
  }
  .lbl-toggle,
  .breakPointCaption ul li:before {
    color: #fff;
  }
  .lbl-toggle::before {
    border-left: 5px solid #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, 0.55);
  }
  /* slash responsive */
  .bpImageRight {
    transform: skewX(0deg);
    margin-left: 0;
    border: none;
    margin-right: 0;
  }
  .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;
  }
  /* .lbl-toggle{color:#FFF !important; }
.lbl-toggle::before {border-left:5px solid #fff;} */
  .bpCaptionLeft div,
  .bpCaptionRight div {
    margin: 0 auto;
  }
  /* 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;
  }
  .oneCol {
    grid-column: 1/6;
  }
  .threeColWrapLeft {
    grid-column: 1/4;
    grid-row: 2/3;
    padding-left: 0;
    padding-right: 0;
  }
  .threeColWrapCenter {
    grid-column: 1/4;
    grid-row: 4/5;
    padding-left: 0;
    padding-right: 0;
  }
  .threeColWrapRight {
    grid-column: 1/4;
    grid-row: 6/7;
    padding-left: 0;
    padding-right: 0;
  }
  .threeColWrapLeft.title {
    grid-column: 1/4;
    grid-row: 1/2;
    padding-left: 0;
    padding-right: 0;
  }
  .threeColWrapCenter.title {
    grid-column: 1/4;
    grid-row: 3/4;
    padding-left: 0;
    padding-right: 0;
  }
  .threeColWrapRight.title {
    grid-column: 1/4;
    grid-row: 5/6;
    padding-left: 0;
    padding-right: 0;
  }
  .fourColWrapLeft.title {
    grid-column: 1/5;
    grid-row: 1/2;
  }
  .fourColWrapLeft {
    grid-column: 1/5;
    grid-row: 2/3;
    padding-left: 0;
    padding-right: 0;
  }
  .fourColWrapLeftCenter.title {
    grid-column: 1/5;
    grid-row: 3/4;
  }
  .fourColWrapLeftCenter {
    grid-column: 1/5;
    grid-row: 4/5;
    padding-left: 0;
    padding-right: 0;
  }
  .fourColWrapRightCenter.title {
    grid-column: 1/5;
    grid-row: 5/6;
  }
  .fourColWrapRightCenter {
    grid-column: 1/5;
    grid-row: 6/7;
    padding-left: 0;
    padding-right: 0;
  }
  .fourColWrapRight.title {
    grid-column: 1/5;
    grid-row: 7/8;
  }
  .fourColWrapRight {
    grid-column: 1/5;
    grid-row: 8/9;
    padding-left: 0;
    padding-right: 0;
  }
}

@media (max-height: 916px) {
  /* section 1 */
  .pageTitle {
    grid-row: 3/6;
  }
  .sectionOverlay {
    background-position: center 85%;
  }
}
@media (max-width: 860px) {
  .iconsFooter ul,
  .iconsFooter .icons {
    width: 100%;
    margin: 0;
  }
  .twoColWrapLeft {
    grid-column: 1/3;
    grid-row: 1/2;
    padding-left: 0;
    padding-right: 0;
  }
  .twoColWrapRight {
    grid-column: 1/3;
    grid-row: 2/3;
    padding-left: 0;
    padding-right: 0;
  }
  #firstSection .twoColWrapLeft,
  #firstSection .twoColWrapRight {
    outline-offset: -8px;
  }
}

@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;
	} */
  .managerImage {
    grid-row: 1/2;
    grid-column: 1/5 !important;
  }
  .managerBio {
    grid-row: 2/3;
    grid-column: 1/9;
    padding-left: 0;
    padding-top: 2%;
  }
  .wrap-collapsible {
    margin-left: 0 !important;
  }
  .wrap-collapsible > label {
    font-size: 1em;
  }
  .sectionOverlay {
    background-attachment: scroll;
  }
}
@media (max-width: 800px) {
  .sectionOverlay {
    background-position: center 70%;
  }
}
@media (max-width: 768px) {
  .iconsFooter ul {
    display: inline;
  }
  .sectionOverlay {
    background-position: 50% 70%;
  }
}

@media (max-width: 700px) {
  /* navigation */
  .getStarted2 {
    margin-right: 60px;
    width: 100px;
    text-align: center;
    margin-top: 25px;
  }

  .accessPPM {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  .pageTitle {
    grid-row: 4/5;
    grid-column: 2/5;
  }
}

@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: inline;
  }
  .oneCol {
    grid-column: 1/6;
  }
  .contactHeader p {
    width: 100%;
    margin: 5% 0;
  }
}

@media (max-width: 430px) {
  /* navigation */
  .logo {
    width: 45%;
  }
  .getStarted2 {
    width: 80px;
    margin-right: 45px;
  }
  .accessPPM {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  .pageTitle {
    grid-row: 4/5;
    grid-column: 1/6;
  }
  .pageTitle h1 {
    font-size: 2.75em;
  }
  .pageTitle h2 {
    width: 80%;
  }
}