@charset "utf-8";

/* CSS Document */
@media(min-width:768px) {}
@media(min-width:992px) {}
@media(min-width:1200px) {}

section#hero {
  margin-left: 0 0 auto 0;
}

.hero-area {
  position: relative;
  z-index: 1;
  /* background-color: #799196; */
}

.hero-area .image-as-background { height: 100%; padding: 0 0 250px; /* background-image: url('https://www3.ergotron.com/portals/0/Images/Hero/hero-graphic-wf-tl.jpg'); */ background-position: center; margin: 1em 1em 1.3em; background-repeat: no-repeat; background-size: contain; }

@media(min-width:768px) {
  .hero-area .image-as-background {
    margin: 0;
    background-size: 100%;
  }
}

@media(max-width:991px) { .hero-button-wrap2  { text-align: center; } }

@media(min-width:992px) { .hero-area .image-as-background { background-position: 0 -60px; } }

@media(min-width:1200px) {
  /* .hero-area > .image-as-background {background-image: url( https://unsplash.it/800/280/?background );*/
  /* .hero-area > .image-as-background { background-image: url('https://www3.ergotron.com/portals/0/Images/Hero/hero-graphic-wf-tl.jpg'); background-size: 90%; background-position: 0 -160px; } */
  .hero-area .image-as-background { background-size: 90%; background-position: 50px -90px; }
}
/* .hero-area .image-as-background {
  position: absolute;
  top: 0;
  right: 0;
 width: 100%;
  max-width: 1000px;
  background-color: rgba(100, 0, 0, 0.8);
  content: '';
  z-index: 2;
}
 */
.hero-area .hero-content {
/*   align-items: left;
  display: flex;
  flex-direction: column;
  justify-content: left;
  margin: 0 3em;
  max-width: 31.25rem;
  min-height: 31.25rem;
  position: relative;
  text-align: left;
  z-index: 3; */
  padding-bottom: 1.6em;
}

@media(min-width:768px) {
.hero-area .hero-content {
  padding-top: 1.6em;
}
}

.hero-area .hero-content .hero-title,
.hero-area .hero-content .hero-description {
  color: #FFFFFF;
}
.hero-area .hero-content h2.hero-description {
/*   padding-bottom: 1.5rem; */
  margin-bottom: 0.4em;
  font-size: 1em !important;
  line-height: 1.4em;
}
.hero-area .hero-content h2.hero-description a { color: inherit; text-decoration: none; }
.hero-area .hero-content .hero-button { outline: none; margin-right: 14px; }

.hero-area .hero-content .hero-button:after {
/*     background-color: #1F3662;
    border: solid 1px #1F3662;
    box-shadow: inset 0 0 0 34px #fff; */
}
/*
.hero-area .hero-content .hero-button:hover, .hero-area .hero-content .hero-button:active, .hero-area .hero-content .hero-button:focus { color: #fff;  }

.hero-area .hero-content .hero-button:hover:after, .hero-area .hero-content .hero-button:focus:after {
    box-shadow: inset 0 0 0 0 #1F3662;
} */

.hero-area .hero-content .hero-button::after {
   /*  background-color: #fff;
    border: none;
    box-shadow: inset 0 0 0 34px #F26859; */
}