.content{
  width: 100%;
  margin: 0%;
  overflow: hidden;
  margin-bottom: 6%;
font-family: tinos;
}
.content-body{
  margin: 2% 5%;
}
.content-header{
  width: 100%;
  height: 18vw;
}
.content-header img{
  width: 100%;
  max-width: 100%;
  height: auto;
  margin: 0;
}
.header-body{
    position: absolute;
    margin-top: 12%;
    width: 97%;
    margin-left: 3%;
    overflow: hidden;
    z-index: 0;
}
  .header-body h1{
  text-align: center;
  margin: 0;
  font-size: 3vw;
   background: -webkit-linear-gradient(#c1b881, #85540f ,#c1b881);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  }
@media only screen and (max-width: 768px) {
    .content-body{
  margin: 12% 5%;
}
.content-header{
  margin-top: 9%;
}
.header-body{
      margin-top: 19%;
}
  .header-body h1{
        font-size: 8vw;
  }

}