/* screen - 08u95prou95desktop */

.x08u95prou95desktop {
  align-items: center;
  background-color: var(--white);
  display: flex;
  flex-direction: column;
  height: 4079px;
  width: 1280px;
}

.x08u95prou95desktop .flex-col-7 {
  align-items: center;
  min-height: 1088px;
  width: 1280px;
}

.x08u95prou95desktop .navigation-container-2 {
  height: 169px;
  position: relative;
  width: 1280px;
}

.x08u95prou95desktop .navigation-4 {
  align-items: flex-end;
  gap: 633px;
  height: 123px;
  left: 0;
  padding: 15px 80px;
}

.x08u95prou95desktop .site-name-2 {
  color: var(--white);
  font-weight: 500;
  height: 30px;
  line-height: 30px;
  margin-bottom: 12px;
  min-width: 95px;
  white-space: nowrap;
}

.x08u95prou95desktop .items-2 {
  align-items: center;
  display: inline-flex;
  gap: 48px;
  justify-content: flex-end;
  position: relative;
}

.x08u95prou95desktop .navigation-5 {
  align-items: center;
  background-color: var(--white);
  gap: 680px;
  height: 169px;
  left: 2px;
  padding: 10px 72px;
}

.x08u95prou95desktop .sej_logostyle-1-2 {
  align-self: flex-end;
  cursor: pointer;
  height: 103px;
  object-fit: cover;
  width: 310px;
}

.x08u95prou95desktop .personal-work-2 {
  cursor: pointer;
  height: 30px;
  letter-spacing: 0;
  line-height: 30px;
  margin-bottom: 29.0px;
  min-width: 136px;
  position: relative;
  text-decoration: underline;
  white-space: nowrap;
}

.x08u95prou95desktop .title {
  align-self: flex-start;
  letter-spacing: -0.50px;
  line-height: normal;
  margin-left: 80px;
  margin-top: 24px;
  min-height: 34px;
  width: 229px;
}

.x08u95prou95desktop .paragraph-10 {
  margin-right: 21.0px;
  min-height: 69px;
  width: 1099px;
}

.x08u95prou95desktop .dte_-mid_-homepage-1-2 {
  height: 653px;
  margin-left: 2.0px;
  margin-top: 29px;
  object-fit: cover;
  width: 1120px;
}

.x08u95prou95desktop .paragraph-11 {
  margin-right: 21.0px;
  margin-top: 41px;
  min-height: 69px;
  width: 1099px;
}

.x08u95prou95desktop .flex-row-6 {
  gap: 32px;
  height: 1818px;
  margin-top: 14px;
  min-width: 1120px;
}

.x08u95prou95desktop .flex-col-8 {
  align-items: flex-start;
  min-height: 1801px;
  width: 544px;
}

.x08u95prou95desktop .dte_-mid_-company_1-1-2 {
  height: 818px;
  object-fit: cover;
  width: 544px;
}

.x08u95prou95desktop .paragraph-12 {
  margin-top: 34px;
  min-height: 98px;
  width: 544px;
}

.x08u95prou95desktop .dte_-mid_-storage-1-2 {
  height: 815px;
  margin-top: 36px;
  object-fit: cover;
  width: 544px;
}

.x08u95prou95desktop .dte_mid_-container-2 {
  flex-direction: column;
  gap: 29px;
  min-height: 1818px;
  width: 544px;
}

.x08u95prou95desktop .dte_-mid_-community-1 {
  height: 894px;
  object-fit: cover;
  width: 544px;
}

.x08u95prou95desktop .dte_-mid_-landowners-1 {
  height: 895px;
  object-fit: cover;
  width: 544px;
}

.x08u95prou95desktop .flex-col-9 {
  align-items: center;
  margin-right: 1.0px;
  margin-top: 22px;
  min-height: 1137px;
  width: 1277px;
}

.x08u95prou95desktop .paragraph-13 {
  margin-right: 20.0px;
  min-height: 64px;
  width: 1099px;
}

.x08u95prou95desktop .dte_mid_-container-3 {
  gap: 32px;
  margin-left: 1.0px;
  margin-top: 21px;
  min-width: 1120px;
}

.x08u95prou95desktop .dte_-mid_-pipelines-1-2 {
  height: 646px;
  object-fit: cover;
  width: 544px;
}

.x08u95prou95desktop .dte_-mid_w10_-storage-1-2 {
  height: 640px;
  object-fit: cover;
  width: 544px;
}

.x08u95prou95desktop .navigation-footer-2 {
  align-items: center;
  background-color: var(--white);
  display: flex;
  flex-direction: column;
  height: 356px;
  margin-top: 50px;
  width: 1277px;
}

.x08u95prou95desktop .divider-2 {
  align-self: flex-end;
  height: 1px;
  object-fit: cover;
  width: 1197px;
}

.x08u95prou95desktop .flex-row-7 {
  margin-left: 2.0px;
  margin-top: 26px;
  min-width: 1119px;
}

.x08u95prou95desktop .link-9 {
  margin-left: 11px;
}

.x08u95prou95desktop .flex-col-10 {
  align-items: center;
  gap: 27px;
  margin-top: 28px;
  min-height: 170px;
  width: 1119px;
}

.x08u95prou95desktop .flex-row-8 {
  min-width: 1119px;
}

.x08u95prou95desktop .paragraph-14 {
  margin-right: 0;
  min-height: 29px;
  text-align: center;
  white-space: nowrap;
  width: 319px;
}

.x08u95prou95desktop .dte_mid_-container {
  align-items: flex-start;
  display: flex;
}

.x08u95prou95desktop .flex-col {
  display: flex;
  flex-direction: column;
}

.x08u95prou95desktop .flex-row {
  align-items: flex-start;
  display: flex;
}

.x08u95prou95desktop .link {
  cursor: pointer;
  height: 114px;
  object-fit: cover;
  width: 177px;
}

.x08u95prou95desktop .navigation {
  display: flex;
  position: absolute;
  top: 0;
  width: 1278px;
}

.x08u95prou95desktop .paragraph {
  letter-spacing: 0;
  line-height: 28.5px;
}
/* screen - 08u95prou95mobile-all-breakpoints */

.x08u95prou95mobile-all-breakpoints {
  align-items: center;
  background-color: var(--white);
  display: flex;
  flex-direction: column;
  height: 4295px;
  overflow: hidden;
  width: 412px;
}

.x08u95prou95mobile-all-breakpoints .navigation-container {
  height: 94px;
  position: relative;
  width: 412px;
}

.x08u95prou95mobile-all-breakpoints .navigation {
  align-items: flex-end;
  display: flex;
  height: 94px;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 410px;
}

.x08u95prou95mobile-all-breakpoints .overlap-group {
  height: 52px;
  margin-bottom: -14px;
  margin-left: -60px;
  position: relative;
  width: 390px;
}

.x08u95prou95mobile-all-breakpoints .items {
  align-items: center;
  display: inline-flex;
  gap: 48px;
  justify-content: flex-end;
  left: 0;
  position: absolute;
  top: 0;
}

.x08u95prou95mobile-all-breakpoints .site-name {
  color: var(--white);
  font-weight: 500;
  height: 30px;
  left: 140px;
  line-height: 30px;
  position: absolute;
  top: 10px;
  white-space: nowrap;
}

.x08u95prou95mobile-all-breakpoints .navigation-1 {
  align-items: flex-start;
  background-color: var(--white);
  display: flex;
  gap: 69px;
  height: 94px;
  left: 0;
  padding: 11px 19px;
  position: absolute;
  top: 0;
  width: 412px;
}

.x08u95prou95mobile-all-breakpoints .sej_logostyle-1 {
  align-self: flex-end;
  cursor: pointer;
  height: 67px;
  object-fit: cover;
  width: 203px;
}

.x08u95prou95mobile-all-breakpoints .personal-work {
  cursor: pointer;
  height: 23px;
  letter-spacing: 0;
  line-height: 22.5px;
  margin-top: 4px;
  min-width: 102px;
  position: relative;
  text-decoration: underline;
  white-space: nowrap;
}

.x08u95prou95mobile-all-breakpoints .dte-midstream {
  align-self: flex-start;
  letter-spacing: -0.28px;
  line-height: normal;
  margin-left: 26px;
  margin-top: 13px;
  min-height: 19px;
  width: 229px;
}

.x08u95prou95mobile-all-breakpoints .paragraph {
  letter-spacing: 0;
  line-height: 18px;
  margin-right: 1.0px;
  margin-top: 7px;
  min-height: 67px;
  width: 361px;
}

.x08u95prou95mobile-all-breakpoints .dte_-mid_-homepage-1 {
  height: 210px;
  margin-top: 8px;
  object-fit: cover;
  width: 360px;
}

.x08u95prou95mobile-all-breakpoints .paragraph-1 {
  letter-spacing: 0;
  line-height: 18px;
  margin-right: 1.0px;
  margin-top: 13px;
  min-height: 67px;
  width: 361px;
}

.x08u95prou95mobile-all-breakpoints .dte_-mid_-company_1-1 {
  height: 539px;
  margin-top: 1px;
  object-fit: cover;
  width: 360px;
}

.x08u95prou95mobile-all-breakpoints .dte_-mid {
  height: 592px;
  margin-top: 13px;
  object-fit: cover;
  width: 360px;
}

.x08u95prou95mobile-all-breakpoints .paragraph-2 {
  letter-spacing: 0;
  line-height: 18px;
  margin-right: 1.0px;
  margin-top: 12px;
  min-height: 60px;
  width: 361px;
}

.x08u95prou95mobile-all-breakpoints .dte_-mid_-storage-1 {
  height: 540px;
  margin-top: 14px;
  object-fit: cover;
  width: 360px;
}

.x08u95prou95mobile-all-breakpoints .paragraph-3 {
  letter-spacing: 0;
  line-height: 18px;
  margin-right: 1.0px;
  margin-top: 12px;
  min-height: 59px;
  width: 361px;
}

.x08u95prou95mobile-all-breakpoints .dte_-mid_-pipelines-1 {
  height: 428px;
  margin-top: 14px;
  object-fit: cover;
  width: 360px;
}

.x08u95prou95mobile-all-breakpoints .dte_-mid_w10_-storage-1 {
  height: 424px;
  margin-top: 13px;
  object-fit: cover;
  width: 360px;
}

.x08u95prou95mobile-all-breakpoints .navigation-footer {
  align-items: flex-end;
  background-color: var(--white);
  display: flex;
  flex-direction: column;
  height: 407px;
  margin-right: 5.0px;
  margin-top: 64px;
  padding: 0 26px;
  width: 417px;
}

.x08u95prou95mobile-all-breakpoints .flex-col {
  flex-direction: column;
  min-height: 176px;
  width: 361px;
}

.x08u95prou95mobile-all-breakpoints .divider {
  height: 1px;
  object-fit: cover;
  width: 360px;
}

.x08u95prou95mobile-all-breakpoints .flex-row {
  margin-left: 1px;
  margin-top: 19px;
  min-width: 360px;
}

.x08u95prou95mobile-all-breakpoints .link {
  cursor: pointer;
  height: 73px;
  object-fit: cover;
  width: 113px;
}

.x08u95prou95mobile-all-breakpoints .link-1 {
  height: 73px;
  margin-left: 11px;
}

.x08u95prou95mobile-all-breakpoints .link-2 {
  height: 73px;
  margin-left: 10px;
}

.x08u95prou95mobile-all-breakpoints .flex-row-1 {
  align-items: flex-start;
  margin-left: 1px;
  margin-top: 10px;
}

.x08u95prou95mobile-all-breakpoints .flex-row-2 {
  align-items: center;
  height: 158px;
  margin-top: 9px;
}

.x08u95prou95mobile-all-breakpoints .flex-col-1 {
  gap: 10px;
  min-height: 156px;
}

.x08u95prou95mobile-all-breakpoints .flex-col-2 {
  align-self: flex-end;
  gap: 10px;
  margin-left: 11px;
  min-height: 157px;
}

.x08u95prou95mobile-all-breakpoints .link-3 {
  height: 74px;
}

.x08u95prou95mobile-all-breakpoints .flex-col-3 {
  gap: 11px;
  margin-left: 10px;
  min-height: 158px;
}

.x08u95prou95mobile-all-breakpoints .paragraph-4 {
  align-self: center;
  letter-spacing: 0;
  line-height: 28.5px;
  margin-left: 1.0px;
  margin-top: 19px;
  min-height: 29px;
  text-align: center;
  white-space: nowrap;
  width: 234px;
}

.x08u95prou95mobile-all-breakpoints .flex-col-4 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  width: 113px;
}

.x08u95prou95mobile-all-breakpoints .flex-row-3 {
  display: flex;
  min-width: 360px;
}

.x08u95prou95mobile-all-breakpoints .link-4 {
  cursor: pointer;
  object-fit: cover;
  width: 113px;
}
/* screen - 08u95prou95tablet */

.x08u95prou95tablet {
  align-items: center;
  background-color: var(--white);
  display: flex;
  flex-direction: column;
  height: 2775px;
  width: 834px;
}

.x08u95prou95tablet .flex-col-4 {
  align-items: center;
  min-height: 760px;
  width: 834px;
}

.x08u95prou95tablet .navigation-container-1 {
  height: 131px;
  position: relative;
  width: 834px;
}

.x08u95prou95tablet .navigation-2 {
  align-items: flex-end;
  gap: 187px;
  left: 0;
  padding: 23px 80px;
}

.x08u95prou95tablet .site-name-1 {
  color: var(--white);
  font-weight: 500;
  height: 30px;
  line-height: 30px;
  margin-bottom: 12px;
  min-width: 95px;
  white-space: nowrap;
}

.x08u95prou95tablet .items-1 {
  align-items: center;
  display: inline-flex;
  gap: 48px;
  justify-content: flex-end;
  position: relative;
}

.x08u95prou95tablet .surname-1 {
  color: var(--white);
  font-weight: 500;
  line-height: 30px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.x08u95prou95tablet .navigation-3 {
  align-items: flex-start;
  background-color: var(--white);
  gap: 370px;
  left: 2px;
  padding: 18px 37px;
}

.x08u95prou95tablet .sej_logostyle-1-1 {
  align-self: flex-end;
  cursor: pointer;
  height: 83px;
  object-fit: cover;
  width: 250px;
}

.x08u95prou95tablet .personal-work-1 {
  cursor: pointer;
  height: 30px;
  letter-spacing: 0;
  line-height: 30px;
  margin-top: 11px;
  min-width: 136px;
  position: relative;
  text-decoration: underline;
  white-space: nowrap;
}

.x08u95prou95tablet .dte-midstream-1 {
  align-self: flex-start;
  letter-spacing: -0.28px;
  line-height: normal;
  margin-left: 41px;
  margin-top: 15px;
  min-height: 19px;
  width: 229px;
}

.x08u95prou95tablet .paragraph-5 {
  letter-spacing: 0;
  line-height: 22.5px;
  margin-top: 16px;
  min-height: 57px;
  width: 752px;
}

.x08u95prou95tablet .dte_-mid_-homepage-1-1 {
  height: 438px;
  margin-top: 13px;
  object-fit: cover;
  width: 752px;
}

.x08u95prou95tablet .paragraph-6 {
  letter-spacing: 0;
  line-height: 22.5px;
  margin-top: 15px;
  min-height: 56px;
  width: 752px;
}

.x08u95prou95tablet .flex-row-3 {
  gap: 32px;
  height: 1210px;
  margin-top: 13px;
}

.x08u95prou95tablet .flex-col-5 {
  align-items: flex-start;
  min-height: 1185px;
  width: 360px;
}

.x08u95prou95tablet .dte_-mid_-company_1-1-1 {
  height: 539px;
  object-fit: cover;
  width: 360px;
}

.x08u95prou95tablet .paragraph-7 {
  letter-spacing: 0;
  line-height: 22.5px;
  margin-top: 15px;
  min-height: 74px;
  width: 360px;
}

.x08u95prou95tablet .dte_-mid_-storage-1-1 {
  height: 540px;
  margin-top: 17px;
  object-fit: cover;
  width: 360px;
}

.x08u95prou95tablet .dte_mid_-container {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 26px;
  min-height: 1210px;
  width: 360px;
}

.x08u95prou95tablet .dte_-mid-1 {
  height: 592px;
  object-fit: cover;
  width: 360px;
}

.x08u95prou95tablet .flex-col-6 {
  align-items: center;
  margin-top: 21px;
  min-height: 771px;
  width: 834px;
}

.x08u95prou95tablet .paragraph-8 {
  letter-spacing: 0;
  line-height: 22.5px;
  min-height: 51px;
  width: 752px;
}

.x08u95prou95tablet .dte_mid_-container-1 {
  align-items: flex-start;
  display: flex;
  gap: 32px;
  margin-top: 13px;
  min-width: 752px;
}

.x08u95prou95tablet .dte_-mid_-pipelines-1-1 {
  height: 426px;
  object-fit: cover;
  width: 360px;
}

.x08u95prou95tablet .dte_-mid_w10_-storage-1-1 {
  height: 424px;
  object-fit: cover;
  width: 360px;
}

.x08u95prou95tablet .navigation-footer-1 {
  align-items: center;
  background-color: var(--white);
  display: flex;
  flex-direction: column;
  height: 252px;
  margin-top: 29px;
  width: 834px;
}

.x08u95prou95tablet .divider-1 {
  height: 1px;
  object-fit: cover;
  width: 800px;
}

.x08u95prou95tablet .flex-row-4 {
  margin-top: 28px;
}

.x08u95prou95tablet .link-4 {
  width: 116px;
}

.x08u95prou95tablet .link-5 {
  margin-left: 11px;
  width: 116px;
}

.x08u95prou95tablet .link-6 {
  margin-left: 12px;
  width: 115px;
}

.x08u95prou95tablet .link-7 {
  margin-left: 12px;
  width: 116px;
}

.x08u95prou95tablet .flex-row-5 {
  margin-top: 11px;
}

.x08u95prou95tablet .paragraph-9 {
  letter-spacing: 0;
  line-height: 28.5px;
  margin-left: 0.07px;
  margin-top: 22px;
  min-height: 29px;
  text-align: center;
  white-space: nowrap;
  width: 208px;
}

.x08u95prou95tablet .flex-col {
  display: flex;
  flex-direction: column;
}

.x08u95prou95tablet .flex-row {
  align-items: flex-start;
  display: flex;
  min-width: 752px;
}

.x08u95prou95tablet .link {
  cursor: pointer;
  height: 75px;
  object-fit: cover;
}

.x08u95prou95tablet .navigation {
  display: flex;
  height: 131px;
  position: absolute;
  top: 0;
  width: 832px;
}
@media screen and (max-width: 833px) {
  .screen.x08u95prou95tablet { 
    display: none;
   }
  .screen.x08u95prou95desktop { 
    display: none;
   }
}
@media screen and (min-width: 834px) and (max-width: 1279px) {
  .screen.x08u95prou95mobile-all-breakpoints { 
    display: none;
   }
  .screen.x08u95prou95desktop { 
    display: none;
   }
}
@media screen and (min-width: 1280px) {
  .screen.x08u95prou95mobile-all-breakpoints { 
    display: none;
   }
  .screen.x08u95prou95tablet { 
    display: none;
   }
}