@font-face {
  font-family: philosopher-Bold;
  src: url('./assets/fonts/Philosopher-Bold.ttf');
}

@font-face {
  font-family: philosopher-Regular;
  src: url('./assets/fonts/Philosopher-Regular.ttf');
}

@font-face {
  font-family: PT_Sans-Web-Regular;
  src: url('./assets/fonts/PT_Sans-Web-Regular.ttf');
}




.humberger-menu{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.7)
  ),url("./assets/images/sustainablility-what-are-the-3-es-darn-good-yarn.webp");
    min-height: 100vh;
    background-size: cover;                      /* <------ */
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
}

.artikel-image{
  margin-top: 80px;
}
.img-content{
  height: 492px;
}
.content-2{
  background: url("./assets/images/assets_tanam.png") right no-repeat;
  background-size: 488px 628px;    
  background-position: right top;              /* <------ */
  background-repeat:   no-repeat;
}
.font-head{
  font-family: 'philosopher-Regular';
}
.font-content{
 font-family: 'PT_Sans-Web-Regular';
 font-size: 20.5px;
 line-height: 1.36;
 letter-spacing: 0.4px;
}
.img-hero{
  width: 352px;
}
.fade-in-element {
  opacity: 0;
 
  -webkit-transition: opacity 1s ease-in;
  -moz-transition: opacity 1s ease-in;
   -ms-transition: opacity 1s ease-in;
    -o-transition: opacity 1s ease-in;
       transition: opacity 1s ease-in;
}
.text-type-3{
  padding-top: 140px; padding-bottom: 80px;
}
.text-footer {
  font-family: 'PT_Sans-Web-Regular';
  font-size: 16px;
}
.margin-type-3{
  margin-top: -40px !important ;
}


@media only screen and (max-width: 600px) {
  .img-content{
    height: 200px;
  }
  .img-hero{
    width: 260px;
  }
  .artikel-image{
    margin-top: 40px;
  }
  .container{
    padding-left: 40px;
    padding-right: 40px;
  }
  .paddingY-sm-20{
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .font-content{
    padding-top: 4px;
    padding-bottom: 4px;
    font-size: 18px;
  }
  .text-type-3{
    padding-top: 40px; padding-bottom: 60px;
  }
  .margin-type-3{
    margin-top: 4px !important ;
  }
  .text-footer {
    font-family: 'PT_Sans-Web-Regular';
    font-size: 14px;
  }
  
}