:root {
  --white: white;
  --black: black;
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}

a {
  color: #044b17;
  text-decoration: underline;
}


.image {
  width: 400px;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding-top: 20px;
  padding-bottom: 20px;
  display: block;
}

.heading {
  background-image: linear-gradient(#ccf2da, #fff);
}

.image-2 {
  width: 100%;
  height: 100%;
}

.hero {
  background-image: url('../images/workingzooms-hero.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  border-top: 5px solid #333d51;
  border-bottom: 5px solid #333d51;
  height: 500px;
}

.contentarea {
  background-color: rgba(255, 255, 255, .87);
  border-radius: 8px;
  width: 600px;
  margin: 10px auto 100px;
  padding: 40px 20px;
  font-family: Lato, sans-serif;
  box-shadow: 0 0 rgba(0, 0, 0, 0), .2px .3px rgba(0, 0, 0, .024), .4px .7px rgba(0, 0, 0, .027), .7px 1.2px .1px rgba(0, 0, 0, .03), 1.1px 1.7px .1px rgba(0, 0, 0, .035), 1.5px 2.4px .3px rgba(0, 0, 0, .035), 2.1px 3.4px .6px rgba(0, 0, 0, .04), 3px 4.8px .9px rgba(0, 0, 0, .04), 4.1px 6.6px 1.5px rgba(0, 0, 0, .04), 5.6px 9px 2.3px rgba(0, 0, 0, .043), 7.7px 12.4px 3.5px rgba(0, 0, 0, .043), 10.6px 16.9px 5.1px rgba(0, 0, 0, .043), 14.4px 23.2px 7.4px rgba(0, 0, 0, .043), 19.8px 31.8px 10.6px rgba(0, 0, 0, .043), 27.3px 43.8px 15.1px rgba(0, 0, 0, .047), 38.1px 61.1px 21.6px rgba(0, 0, 0, .047), 54.4px 87.2px 31.5px rgba(0, 0, 0, .047), 80.9px 129.8px 47.8px rgba(0, 0, 0, .05), 132.3px 212.2px 79.4px rgba(0, 0, 0, .055);
}

.paragraph {
  text-align: center;
  font-size: 24px;
  line-height: 24px;
}

.bold-text, .bold-text-2 {
  color: #044b17;
}

.button {
  text-align: center;
  background-color: #044b17;
  border-radius: 5px;
  width: 290px;
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
  font-size: 16px;
  display: block;
}

.paragraph-2 {
  text-align: center;
  margin-top: 40px;
}

.link {
  color: #044b17;
  border-width: 0;
  text-decoration: none;
}

.paragraph-3 {
  text-align: center;
  margin-top: 20px;
}

@media screen and (max-width: 991px) {
  .hero {
    background-size: cover;
    background-attachment: scroll;
  }

  .contentarea {
    margin-left: 101px;
  }
}

@media screen and (max-width: 767px) {
  .contentarea {
    margin-left: -5px;
  }
}

@media screen and (max-width: 479px) {
  .contentarea {
    width: 100%;
    margin-top: 0;
    margin-left: 0;
  }

  .paragraph {
    font-size: 18px;
    line-height: 18px;
  }
}