:root {
  --white: #ffffff;
  --white-trans: rgba(255, 255, 255, 0.8);
  --black: #000000;
  --blue-dark: #17305c;
  --blue-darker: #1b252f;
  --blue-dem: #27aae1;
  --blue-light: #6ED4FF;
  --blue-med: #1e4485;
  --blue-gray-dark: #254049;
  --blue-gray-darker: #152A31;
  --gray-dark: #56585c;
  --gray-darker: #313131;
  --gray-light: #ededed;
  --gray-med: #c0c0c0;
  --gray-rep: #6F818D;
  --green-highlight: #06a660;
  --green-electric: #0aba6d;
  --breakpoint-xs: 0px;
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 992px;
  --breakpoint-xl: 1200px;
  --breakpoint-xxl: 1580px;
}

.o-1 {
  outline: 2px dashed red;
  outline-offset: -1px;
}

.o-2 {
  outline: 2px dashed yellow;
  outline-offset: -1px;
}

.o-3 {
  outline: 2px dashed orange;
  outline-offset: -1px;
}

.o-4 {
  outline: 2px dashed green;
  outline-offset: -1px;
}

.o-5 {
  outline: 2px dashed blue;
  outline-offset: -1px;
}

.o-6 {
  outline: 2px dashed indigo;
  outline-offset: -1px;
}

.o-7 {
  outline: 2px dashed violet;
  outline-offset: -1px;
}

.page-home .lay-root {
  background-color: #ffffff;
}
.page-home .lay-root .root-body {
  position: relative;
  flex-grow: 1;
}
.page-home .lay-root .root-body > * {
  position: relative;
}
.page-home .lay-root .root-body:before {
  content: "";
  position: absolute;
  top: 0px;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: url(../images/bg-home-state-employment.jpg);
  background-position: bottom center;
  background-size: 1000px;
  background-repeat: no-repeat;
  display: block;
}
@media (min-width: 992px) {
  .page-home .lay-root .root-body:before {
    background-size: 1800px;
  }
}
@media (min-width: 1800px) {
  .page-home .lay-root .root-body:before {
    top: 400px;
    background-size: 100%;
  }
}
.page-home .lay-root .root-foot {
  background-size: cover;
}

/*# sourceMappingURL=home.css.map */