#welcome-content { position: relative; width: 100%; height: 650px; overflow: hidden; background: rgba(13, 66, 105, 1); }
.welcome-image-wrapper,
.welcome-image-wrapper > div,
.welcome-image-wrapper > div > div,
.welcome-image-wrapper .contextual-region,
.welcome-image-wrapper .field,
.welcome-image-wrapper .field__item,
.welcome-image-wrapper picture { position: relative; width: 100%; height: 100%; }
.welcome-image-wrapper { position: absolute; inset: 0; z-index: 0; overflow: hidden; }
.welcome-image-wrapper picture,
.welcome-image-wrapper img { display: block; }
.welcome-image-wrapper img { max-width: 100%; object-fit: cover; object-position: bottom; width: 100%; }
/* #welcome-content::after { content: ""; position: absolute; inset: 0; z-index: 1; background: linear-gradient( to top, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0.2) 45%, rgba(0, 0, 0, 0) 100% ); } */
.welcome-image-wrapper .contextual { position: absolute; top: 1rem; right: 1rem; z-index: 100; }
.welcome-image-wrapper .contextual-region { overflow: hidden; }
.welcome-content-inner { position: relative; z-index: 5; width: 100%; height: 100%; max-width: 1600px; margin: 0 auto; padding: 5rem 3rem; }
.welcome-text { position: absolute; bottom: 5rem; z-index: 10; max-width: 900px; }
.welcome-line-one,
.welcome-line-two { color: #fff; text-shadow: 0 3px 10px rgba(0, 0, 0, 0.9); }
.welcome-line-one { text-transform: uppercase; font-size: var(--h1); font-weight: 900; line-height: 1.1;}
.welcome-line-two { font-size: var(--h3); font-weight: 900; }
#meet-north-dakota { position: relative; width: 100%; background: rgba(13, 66, 105, 1); border: 1px solid rgba(255, 255, 255, 0.13); border-top: 0; }
.meet-north-dakota-inner { max-width: 1600px; margin: 0 auto; padding: 5rem 3rem; align-items: center; }
.meet-north-dakota-content { padding-right: 3rem; }
.meet-heading { font-size: var(--h6); font-weight: bold; margin-bottom: 1rem; color: #b2be42; letter-spacing: 0.15rem; text-transform: uppercase; }
.meet-subheading { font-size: var(--h2); margin-bottom: 1.5rem; color: #fff; line-height: 1.15; text-transform: uppercase; }
.meet-body,
.meet-body p { color: #fff; line-height: 1.7; }
.meet-body p:last-child { margin-bottom: 0; }
.meet-body a { color: rgba(178, 190, 66, 1); text-decoration: underline; text-decoration-color: #fff; transition: all 0.25s ease-in-out; }
.meet-body a:hover { color: #fff; text-decoration-color: rgba(178, 190, 66, 1); }
.meet-north-dakota-photos { margin-top: 2rem; padding: 1rem 0.5rem 0.5rem; background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(178, 190, 66, 1)); }
.meet-north-dakota-photos .cell { padding: 0.5rem; }
.meet-photo-card,
.meet-photo-card .contextual-region,
.meet-photo-card picture,
.meet-photo-card img,
.meet-photo-card .field,
.meet-photo-card .field__item { width: 100%; height: 100%; }
.meet-photo-card { position: relative; overflow: hidden; }
.meet-photo-card .contextual-region { position: static; }
.meet-photo-card .contextual { position: absolute; top: 1rem; right: 1rem; z-index: 50; }
.meet-photo-card picture,
.meet-photo-card img,
.meet-photo-card .field,
.meet-photo-card .field__item { display: block; }
.meet-photo-card img { object-fit: cover; transition: transform 0.4s ease; }
.meet-photo-card:hover img { transform: scale(1.03); }
.meet-photo-card-wide img { min-height: 235px; }
#jobs-in-north-dakota { position: relative; width: 100%; padding: 5rem 3rem; background: #fff; }
.jobs-section-inner,
.education-healthcare-inner,
.weekend-plans-inner,
.get-connected-inner,
#cities-content-inner { max-width: 1600px; margin: 0 auto; }
.jobs-section-inner { align-items: center; }
.jobs-section-images { text-align: center; }
.jobs-image-wrapper,
.jobs-image-wrapper picture,
.jobs-image-wrapper img { width: 100%; }
.jobs-image-wrapper picture,
.jobs-image-wrapper img { display: block; }
.jobs-image-wrapper img { max-width: 100%; height: auto; object-fit: contain; }
.jobs-image-wrapper .contextual-region,
.jobs-image-wrapper .field,
.jobs-image-wrapper .field__item { height: 100%; }
.jobs-section-content { padding-left: 5rem; }
.jobs-content-body h2,
.education-healthcare-section h2 { color: rgba(13, 66, 105, 1); line-height: 1.1; }
.jobs-content-body h2 { font-size: var(--h3); margin-bottom: 1.5rem; }
.jobs-content-body h3,
.jobs-employers-list h3,
.education-healthcare-section h3 { font-size: var(--h4); color: rgba(13, 66, 105, 1); line-height: 1.15; margin-top: 3rem; margin-bottom: 1.25rem; }
.jobs-content-body p,
.education-healthcare-section p { color: #4d4d4d; line-height: 1.7; }
.jobs-content-body p { margin-bottom: 0; }
.jobs-content-body ul { font-size: var(--p); column-count: 2; }
.jobs-content-body ul li { margin-left: .25rem; }
.jobs-employers-list ul li,
.education-healthcare-section ul li { color: #4d4d4d; line-height: 1.5; break-inside: avoid; }
.jobs-employers-list ul li { padding-top: 0.75rem; }
.jobs-employers-list ul li a { color: inherit; text-decoration: none; transition: opacity 0.3s ease; }
.jobs-employers-list ul li a:hover,
.jobs-employers-list ul li a:focus { opacity: 0.7; }
#education-healthcare { position: relative; width: 100%; background: #f9f9f9; }
.education-healthcare-inner { padding: 5rem 3rem; }
.education-healthcare-left { padding-right: 2rem; }
.education-healthcare-right { padding-left: 5.5rem; }
.education-healthcare-section h2 { font-size: var(--h3); margin-bottom: 2rem; text-transform: uppercase; }
.education-healthcare-section ul { margin-left: 3.5rem; }
.education-healthcare-section ul li a { color: rgba(178, 190, 66, 1); text-decoration: underline; transition: color 0.3s ease; }
.education-healthcare-section ul li a:hover,
.education-healthcare-section ul li a:focus { color: #faa21b; }
.education-healthcare-section br { display: block; content: ""; margin-top: 1rem; }
.paragraph--type--city-service h3 { font-size: var(--h4); margin-left: 2rem; }
.jobs-content-body ul { font-size: 16px; }
.paragraph--type--city-service ul { margin-left: 3.5rem; font-size: 16px; }
.jobs-content-body ul li:not(:last-child),
.paragraph--type--city-service ul li:not(:last-child) { margin-bottom: 0.5rem; }
#weekend-plans { position: relative; width: 100%; background: rgba(13, 66, 105, 1); border: 1px solid rgba(255, 255, 255, 0.13); overflow: hidden; }
.weekend-plans-inner { padding: 5rem 3rem; align-items: center; }
.weekend-plans-content h2 { color: rgba(178, 190, 66, 1); letter-spacing: 0.15rem; text-transform: uppercase; }
.get-connected-content h2 { font-size: var(--h3); margin-bottom: 1.5rem; color: #fff; }
.weekend-plans-content h3,
.get-connected-content h3 { text-transform: uppercase; }
.weekend-plans-content h3 { margin-bottom: 1.5rem; color: #fff; line-height: 1.1; }
.get-connected-content h3 { margin-bottom: 1.5rem; color: #fff; }
.weekend-plans-content p,
.get-connected-content p { font-size: var(--p); }
.weekend-plans-content p { margin-bottom: 1.5rem; color: #fff; }
.weekend-plans-content p:last-child { margin-bottom: 0; }
.weekend-plans-content a { color: rgba(178, 190, 66, 1); text-decoration: underline; }
.weekend-plans-content a:hover,
.weekend-plans-content a:focus { color: #fff; }
.weekend-plans-crowd { padding: 1rem 0 0 1rem; }
.weekend-plans-crowd iframe,
.weekend-plans-crowd img,
.weekend-plans-crowd video { width: 100%; max-width: 100%; display: block; }
#get-connected { position: relative; width: 100%; background: rgba(178, 190, 66, 1); border: 1px solid rgba(255, 255, 255, 0.13); }
.get-connected-inner { padding: 5rem 3rem; align-items: flex-startx; }
.get-connected-map { padding-top: 2rem; }
.get-connected-map img { width: 100%; max-width: 100%; border: 8px solid #fff; display: block; }
.get-connected-content { padding: 3rem; padding-bottom: 0; }
.help-desk-link { display: block; margin: 2rem 0; text-decoration: none; }
.help-desk-button { display: flex; justify-content: center; align-items: center; width: 100%; max-width: 500px; padding: 1rem; background: #fff; border: 1px solid rgba(13, 66, 105, 1); transition: all 0.25s ease-in-out; }
.help-desk-button:hover { background: rgba(178, 190, 66, 1); }
.help-desk-button-img,
.help-desk-button-title { display: table-cell; vertical-align: middle; }
.help-desk-button-img { width: 90px; text-align: center; }
.help-desk-button-title { text-align: left; white-space: nowrap; font-size: var(--h6); font-weight: 900; color: rgba(13, 66, 105, 1); text-transform: uppercase; letter-spacing: 0.02rem; }
.connect-links { margin-top: 2rem; }
.connect-link { margin-bottom: 2rem; }
.connect-link:last-child { margin-bottom: 0; }
.city-link { font-size: var(--h6); font-weight: bold; color: rgba(13, 66, 105, 1); line-height: 1.3; text-decoration: none; }
.city-link:hover,
.city-link:focus { color: #fff; }
.connect-link p { margin: 0.5rem 0 0; }
#cities-content { position: relative; width: 100%; background: #fff; }
#cities-content-inner { padding: 5rem 3rem; display: flex; justify-content: center; }
#cities-content-inner h2 { color: #0d4269; }
#cities-content-inner a h3 { color: #0d4269; font-size: var(--h6); font-weight: bold; }
#cities-content-inner a h3:hover { color: #b2be42; }
#city-container { padding: 3rem 0; width: 100%; }
.city-outer { position: relative; max-width: 360px; margin: 0.25rem auto; overflow: hidden; border: 8px solid #fff; transition: all 0.25s ease-in-out; }
.city-outer:hover { border-color: #b2be42; }
.city-image img { width: 100%; height: 320px; object-fit: cover; display: block; }
.city-text { position: absolute; bottom: 0; left: 0; width: 100%; padding: 1rem; color: #fff; background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 1)); }
.city-line-one { text-transform: uppercase; font-size: var(--h6); font-weight: 900; }
.city-line-two { font-size: 1rem; font-weight: bold; }
.get-connected-content p { color: rgba(13, 66, 105, 1); }
@media (max-width: 1760px) {
  #welcome-content { height: 625px; }
}
@media (max-width: 1670px) {
  .jobs-content-body ul { column-count: 1; }
}
@media (max-width: 1470px) {
  #welcome-content { height: 550px; }
  .meet-north-dakota-content { width: 100%; }
  .meet-north-dakota-photos { width: 100%; max-width: 850px; margin: 0 auto; }
  .jobs-section-content,
  .education-healthcare-right { padding-left: 2rem; }
}
@media (min-width: 1700px) {
  .welcome-image-wrapper img { max-width:100%; height: 100%; width: 100%; }
}
@media (max-width: 1699px) {
  .welcome-image-wrapper img { max-width:max-content; height: 100%; width: auto; }
}
@media (max-width: 1440px) {
  .jobs-section-content,
  .education-healthcare-right { padding-left: 0rem; }
  .weekend-plans-content { padding-right: 2rem; }
  .get-connected-content { padding: 0rem; padding-bottom: 0; }
}
@media (max-width: 1260px) {
  .welcome-image-wrapper img { max-width: max-content; width: auto; }
  #welcome-content { height: 450px; }
  .welcome-text { bottom: 3rem; }
}
@media screen and (max-width: 1024px) {
  .weekend-plans-content { padding-right: 0; }
  .weekend-plans-crowd { padding: 3rem 0 0; }
  .get-connected-map { padding-top: 1rem; }
  .help-desk-button { max-width: 100%; }
}
@media screen and (max-width: 1023px) {
  .jobs-section-images { padding-left: 0; margin-top: 3rem; }
  .jobs-section-content,
  .education-healthcare-left,
  .education-healthcare-right { padding: 0; }
  .education-healthcare-right { margin-top: 3rem; }
}
@media (max-width: 991px) {
  #jobs-in-north-dakota,
  #education-healthcare .education-healthcare-inner,
  .get-connected-inner,
  #cities-content .cities-content-inner,
  .weekend-plans-inner,
  .welcome-content-inner,
  .meet-north-dakota-inner,
  #cities-content-inner { padding: 3rem 2rem; }
  .meet-north-dakota-photos { margin-top: 1rem; }
  .meet-north-dakota-content { padding-right: 0; }
  .connect-link { margin-bottom: 1rem; }
}
@media (max-width: 767px) {
  #jobs-in-north-dakota,
  #education-healthcare .education-healthcare-inner,
  .get-connected-inner,
  #cities-content .cities-content-inner,
  .weekend-plans-inner,
  .welcome-content-inner,
  .meet-north-dakota-inner,
  #cities-content-inner { padding: 3rem 1.5rem; }
}
@media (max-width: 930px) {
  #welcome-content { height: 400px; }
  .welcome-text { bottom: 2.5rem; }
}
@media (max-width: 690px) {
  #education-healthcare .education-healthcare-inner { gap: 1rem; }
  .education-healthcare-section h2 { margin-bottom: 1rem; }
  .education-healthcare-section h3 { margin-top: 1rem; }
  .paragraph--type--city-service h3 { margin-left: 1rem; }
  .education-healthcare-section ul { column-count: 1; padding-left: 0; }
  #welcome-content { height: 320px; }
  .welcome-content-inner { padding: 1.5rem; }
  .welcome-text { left: 1.5rem; bottom: 1.5rem; max-width: calc(100% - 3rem); }
  .welcome-line-two { margin-top: 0.35rem; }
  .meet-north-dakota-content { padding-right: 0; }
  .get-connected-content p { color: rgba(13, 66, 105, 1); }
  .get-connected-content { padding: 1rem 0; }
  .help-desk-button-title { white-space: normal; }
  #city-container { padding: 1rem 0; }
}
@media screen and (max-width: 639px) {
  .jobs-section-images,
  .education-healthcare-right { margin-top: 2.5rem; }
  .jobs-content-body h2 { margin-bottom: 1rem; }
  .jobs-content-body h3,
  .jobs-employers-list h3,
  .education-healthcare-section h3 { margin-top: 2rem; }
  .education-healthcare-section h3 { margin-bottom: 1rem; }
  .jobs-content-body p { line-height: 1.65; }
  .jobs-employers-list ul,
  .education-healthcare-section ul { column-count: 1; padding-left: 1rem; }
  .jobs-employers-list ul li,
  .education-healthcare-section ul li { line-height: 1.55; }
  .jobs-employers-list ul li { padding-top: 0.6rem; }
}
@media (max-width: 560px) {
  #welcome-content { height: 350px; }
  .welcome-text { left: 1rem; bottom: 1rem; max-width: calc(100% - 2rem); }
  .meet-photo-card-wide img { min-height: auto; }
}
@media (max-width: 476px) {
  #welcome-content { height: 220px; }
  .help-desk-button { padding: 0.75rem; }
  .help-desk-button-img { width: 70px; }
}