body{
  background-color: rgb(20 20 20);
    background-image: url(./chia.png);
    background-size: 50%;
    background-repeat: no-repeat;
    background-position: right;
}
a{
  color: green;
}
.hero-banner{
  
  color:#fff;
  font-family: "Trebuchet MS";
  position: relative;
  
  padding:20px 40px;
  padding-bottom: percentage(500/1500);
  
}
.hero-banner--image{
  
}
.hero-banner--short--title{
 font-size:24px;
 margin-bottom:20px
}
.hero-banner--title{
  font-size:46px;
  text-transform:uppercase;
}
.hero-banner--title--stroke{
  font-size:46px;
  text-transform:uppercase;
      display: inline-block;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-color: inherit;
    -webkit-text-stroke-width: .0625rem;
}
.hero-banner--description{
  font-size:16px;
  opacity:0.8;
  width:50%
}
.btn{
    display: inline-block;
    border: 1px solid;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    padding:10px 2rem;
    text-decoration:none;
    min-width: 2rem;
  }
.btn.primary--btn{
  color:black;
  background:#fff;
}
.btn.secondary--btn{
  color:#fff;
  background:black;
}
.m-b-l-40{
  margin-bottom:40px;
}
.m-b-l-60{
  margin-bottom:60px;
}