.row > .page-header-component.component[class*='col'] {
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}

/* breakpoints */
.page-header-component {
  width: 100%;
}

.page-header-component .page-header-background {
  position: relative;
  padding-top: 260px;
  margin-top: 0;
  margin-bottom: 110px;
  border: 0;
  max-width: 100%;
  width: 100%;
}

@media screen and (max-width: 767.9px) {
  .page-header-component .page-header-background {
    padding-top: 8rem !important;
    margin-bottom: 0;
	padding-bottom: 2rem !important;
  }
}

.page-header-component .page-header-background > .row {
  margin-left: 0;
  margin-right: 0;
}

.page-header-component .page-header-background > div:first-child {
  height: 1000px;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
}

/*
@media screen and (max-width: 1439.9px) {
  .page-header-component .page-header-background > div:first-child {
    -webkit-clip-path: polygon(0 0, -webkit-calc(((100% - 1200px)/2) + 1095px) 0, -webkit-calc(((100% - 1200px)/2) + 563px) 100%, 0 100%);
    clip-path: polygon(0 0, calc(((100% - 1200px)/2) + 1095px) 0, calc(((100% - 1200px)/2) + 563px) 100%, 0 100%);
  }
}

@media screen and (max-width: 1199.9px) {
  .page-header-component .page-header-background > div:first-child {
    -webkit-clip-path: polygon(0 0, -webkit-calc(((100% - 992px)/2) + 906px) 0, -webkit-calc(((100% - 992px)/2) + 374px) 100%, 0 100%);
    clip-path: polygon(0 0, calc(((100% - 992px)/2) + 906px) 0, calc(((100% - 992px)/2) + 374px) 100%, 0 100%);
  }
}

@media screen and (max-width: 991.9px) {
  .page-header-component .page-header-background > div:first-child {
    -webkit-clip-path: polygon(0 0, -webkit-calc(((100% - 768px)/2) + 936px) 0, -webkit-calc(((100% - 768px)/2) + 404px) 100%, 0 100%);
    clip-path: polygon(0 0, calc(((100% - 768px)/2) + 936px) 0, calc(((100% - 768px)/2) + 404px) 100%, 0 100%);
  }
}
*/
@media screen and (max-width: 767.9px) {
  .page-header-component .page-header-background > div:first-child {
 /*   -webkit-clip-path: polygon(0 0, -webkit-calc(((100% - 480px)/2) + 696px) 0, -webkit-calc(((100% - 480px)/2) + 388px) 100%, 0 100%);
    clip-path: polygon(0 0, calc(((100% - 480px)/2) + 696px) 0, calc(((100% - 480px)/2) + 388px) 100%, 0 100%);
    height: 580px;*/
    height: 100%;
  }
}

/*
@media screen and (max-width: 575.9px) {
  .page-header-component .page-header-background > div:first-child {
    -webkit-clip-path: polygon(0 0, -webkit-calc(((100% - 480px)/2) + 596px) 0, -webkit-calc(((100% - 480px)/2) + 288px) 100%, 0 100%);
    clip-path: polygon(0 0, calc(((100% - 480px)/2) + 596px) 0, calc(((100% - 480px)/2) + 288px) 100%, 0 100%);
  }
}
*/
.page-header-component .page-header-background > div:first-child + div {
  height: 1000px;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}

@media screen and (max-width: 767.9px) {
  .page-header-component .page-header-background > div:first-child + div {
/*    height: 580px;*/
    height: 100%;
  }
}
/*
.page-header-component .page-header-background > div:first-child + div::after {
  content: '';
  position: absolute;
  width: 900px;
  height: 4px;
  border-radius: 3px;
  background-color: #78c6b0;
  left: -webkit-calc(((100% - 1440px)/2) + 840px);
  left: calc(((100% - 1440px)/2) + 840px);
  bottom: 0;
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  -ms-transform: rotate(-62deg);
  -webkit-transform: rotate(-62deg);
  transform: rotate(-62deg);
}
*/
/*
@media screen and (max-width: 1439.9px) {
  .page-header-component .page-header-background > div:first-child + div::after {
    left: -webkit-calc(((100% - 1200px)/2) + 657px);
    left: calc(((100% - 1200px)/2) + 657px);
  }
}

@media screen and (max-width: 1199.9px) {
  .page-header-component .page-header-background > div:first-child + div::after {
    left: -webkit-calc(((100% - 992px)/2) + 468px);
    left: calc(((100% - 992px)/2) + 468px);
  }
}

@media screen and (max-width: 991.9px) {
  .page-header-component .page-header-background > div:first-child + div::after {
    left: -webkit-calc(((100% - 768px)/2) + 498px);
    left: calc(((100% - 768px)/2) + 498px);
  }
}

@media screen and (max-width: 767.9px) {
  .page-header-component .page-header-background > div:first-child + div::after {
    left: -webkit-calc(((100% - 480px)/2) + 430px);
    left: calc(((100% - 480px)/2) + 430px);
  }
}

@media screen and (max-width: 575.9px) {
  .page-header-component .page-header-background > div:first-child + div::after {
    left: -webkit-calc(((100% - 480px)/2) + 325px);
    left: calc(((100% - 480px)/2) + 325px);
  }
}
*/
.page-header-component.shift-padding-up .page-header-background {
  padding-top: 180px;
}

.page-header-component.shift-cutoff-right .page-header-background > div:first-child {
  -webkit-clip-path: polygon(0 0, -webkit-calc(((100% - 1440px)/2) + 1878px) 0, -webkit-calc(((100% - 1440px)/2) + 1346px) 100%, 0 100%);
  clip-path: polygon(0 0, calc(((100% - 1440px)/2) + 1878px) 0, calc(((100% - 1440px)/2) + 1346px) 100%, 0 100%);
}

@media screen and (max-width: 1439.9px) {
  .page-header-component.shift-cutoff-right .page-header-background > div:first-child {
    -webkit-clip-path: polygon(0 0, -webkit-calc(((100% - 1200px)/2) + 1655px) 0, -webkit-calc(((100% - 1200px)/2) + 1123px) 100%, 0 100%);
    clip-path: polygon(0 0, calc(((100% - 1200px)/2) + 1655px) 0, calc(((100% - 1200px)/2) + 1123px) 100%, 0 100%);
  }
}

@media screen and (max-width: 1199.9px) {
  .page-header-component.shift-cutoff-right .page-header-background > div:first-child {
    -webkit-clip-path: polygon(0 0, -webkit-calc(((100% - 992px)/2) + 1466px) 0, -webkit-calc(((100% - 992px)/2) + 934px) 100%, 0 100%);
    clip-path: polygon(0 0, calc(((100% - 992px)/2) + 1466px) 0, calc(((100% - 992px)/2) + 934px) 100%, 0 100%);
  }
}

@media screen and (max-width: 991.9px) {
  .page-header-component.shift-cutoff-right .page-header-background > div:first-child {
    -webkit-clip-path: polygon(0 0, -webkit-calc(((100% - 768px)/2) + 1336px) 0, -webkit-calc(((100% - 768px)/2) + 804px) 100%, 0 100%);
    clip-path: polygon(0 0, calc(((100% - 768px)/2) + 1336px) 0, calc(((100% - 768px)/2) + 804px) 100%, 0 100%);
  }
}

@media screen and (max-width: 767.9px) {
  .page-header-component.shift-cutoff-right .page-header-background > div:first-child {
    -webkit-clip-path: polygon(0 0, -webkit-calc(((100% - 480px)/2) + 1096px) 0, -webkit-calc(((100% - 480px)/2) + 788px) 100%, 0 100%);
    clip-path: polygon(0 0, calc(((100% - 480px)/2) + 1096px) 0, calc(((100% - 480px)/2) + 788px) 100%, 0 100%);
  }
}

@media screen and (max-width: 575.9px) {
  .page-header-component.shift-cutoff-right .page-header-background > div:first-child {
    -webkit-clip-path: polygon(0 0, -webkit-calc(((100% - 480px)/2) + 996px) 0, -webkit-calc(((100% - 480px)/2) + 688px) 100%, 0 100%);
    clip-path: polygon(0 0, calc(((100% - 480px)/2) + 996px) 0, calc(((100% - 480px)/2) + 688px) 100%, 0 100%);
  }
}

.page-header-component.shift-cutoff-right .page-header-background > div:first-child + div::after {
  width: 500px;
  left: -webkit-calc(((100% - 1440px)/2) + 1240px);
  left: calc(((100% - 1440px)/2) + 1240px);
}

@media screen and (max-width: 1439.9px) {
  .page-header-component.shift-cutoff-right .page-header-background > div:first-child + div::after {
    left: -webkit-calc(((100% - 1200px)/2) + 1017px);
    left: calc(((100% - 1200px)/2) + 1017px);
  }
}

@media screen and (max-width: 1199.9px) {
  .page-header-component.shift-cutoff-right .page-header-background > div:first-child + div::after {
    left: -webkit-calc(((100% - 992px)/2) + 828px);
    left: calc(((100% - 992px)/2) + 828px);
  }
}

@media screen and (max-width: 991.9px) {
  .page-header-component.shift-cutoff-right .page-header-background > div:first-child + div::after {
    left: -webkit-calc(((100% - 768px)/2) + 718px);
    left: calc(((100% - 768px)/2) + 718px);
  }
}

@media screen and (max-width: 767.9px) {
  .page-header-component.shift-cutoff-right .page-header-background > div:first-child + div::after {
    left: -webkit-calc(((100% - 480px)/2) + 530px);
    left: calc(((100% - 480px)/2) + 530px);
  }
}

@media screen and (max-width: 575.9px) {
  .page-header-component.shift-cutoff-right .page-header-background > div:first-child + div::after {
    left: -webkit-calc(((100% - 480px)/2) + 425px);
    left: calc(((100% - 480px)/2) + 425px);
  }
}

.page-header-component + div {
  position: relative;
}