.content{
  width: 100%;
  margin: 0%;
  overflow: hidden;
  margin-bottom: 6%;

}
.content-body{
  margin: 2% 5%;
}
.content-header{
  width: 100%;
  margin: 0%;
  padding: 0%;
  overflow: hidden;
  height: 23vw;
}
.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{
    margin: 0%;
    color: white;
    text-align: center  ;
            font-size: 3vw;
  }
@media only screen and (max-width: 768px) {
 .content-header{
  height: 40vw;
}
.header-body{
      margin-top: 19%;
}
  .header-body h1{
        font-size: 8vw;
  }

}