.hero {
  position: static;
  display: block;
  height: 250px;
  background-image: url('../images/Hero_img.jpg');
  background-position: 50% 100%;
  background-size: 1440px;
  background-repeat: no-repeat;
  background-attachment: scroll;
  text-align: center;
}

.logo {
  position: static;
  width: 120px;
  margin-top: 76px;
  margin-bottom: 76px;
}

.copy_container {
  padding-top: 20px;
}

.heading {
  display: block;
  width: 550px;
  margin-right: auto;
  margin-bottom: 20px;
  margin-left: auto;
  font-family: 'Bliss2 Regular', sans-serif;
  color: #555;
  font-size: 38px;
  font-weight: 400;
  text-align: left;
  letter-spacing: -1px;
}

.copy {
  display: block;
  width: 550px;
  margin-right: auto;
  margin-bottom: 80px;
  margin-left: auto;
  font-family: 'Bliss2 Extra Light', sans-serif;
  color: #555;
  font-size: 20px;
  line-height: 34px;
}

.link {
  color: #1eb473;
  text-decoration: none;
}

.link:hover {
  color: #1eb473;
  text-decoration: underline;
}

@media (max-width: 991px) {
  .heading {
    font-size: 38px;
  }
}

@media (max-width: 767px) {
  .heading {
    width: 510px;
    font-size: 38px;
  }
  .copy {
    width: 510px;
  }
}

@media (max-width: 479px) {
  .heading {
    width: 280px;
  }
  .copy {
    width: 280px;
  }
}

@font-face {
  font-family: 'Bliss2 Regular';
  src: url('../fonts/Bliss2R.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Bliss2 Extra Light';
  src: url('../fonts/Bliss2XL.otf') format('opentype');
  font-weight: 200;
  font-style: normal;
}