.container {
  margin-top: -1px;
}
.mtn {
  position: relative;
  margin-top: -1.25rem;
  z-index: 4;
  width: 100%;
  height: 55px;
}
.mtn svg { width: 100%; height:100%; }
.mtn-reverse svg {
  transform: scaleX(-1);
}
.yellowmountain { fill:#fbc041; }
.blackmountain { fill:#000000; }
.greenmountain { fill:#4d592b; }
.greenhill{ fill:#a2ab5e; fill-rule:evenodd; }
.greenhilltree { max-width: 220px; }
@media screen and (max-width: 1280px) {
  .mtn {
    margin-top: 0rem;
    height: 45px;
  }
}
@media screen and (max-width: 1024px) {
  .mtn {
    margin-top: 0rem;
    height: 37px;
  }
}
@media screen and (max-width: 480px) {
  .mtn {
    margin-top: 0rem;
    height: 32px;
  }
}
@media screen and (max-width: 380px) {
  .mtn {
    margin-top: 0rem;
    height: 30px;
  }
}