.contrainer_column{
  height:100vh;
  height: var( — app-height);
background-image:url("../jpg/assets/landing_V.webp?version=2.1.2");
background-repeat: no-repeat;
background-size: cover;
text-align: center;
background-size: auto 100%;
position:relative;
background-position-x: center;
background-position-y: center;
}

.contrainer_row{
  height:100vh;
  height: var( — app-height);
background-image:url("../jpg/assets/landing_H.webp?version=2.1.2");
background-repeat: no-repeat;
background-size: cover;
text-align: center;
background-size: 100% auto;
position:relative;
background-position-x: center;
background-position-y: center;
}

@media screen and (max-width: 3800px) and (min-width: 2000px) {
  .contrainer_row{
      position: relative;
      background-color:  rgba(255, 255, 255, 0);
      background-image: url("../jpg/assets/landing_h1.webp");
      background-size: cover;
      overflow: hidden;
      width: 100%;
      
  }
}


@media screen and (max-width: 1999px) and (min-width: 1505px) {
  .contrainer_row{
      position: relative;
      background-color:  rgba(255, 255, 255, 0);
      background-image: url("../jpg/assets/landing_h2.webp");
      background-size: cover;
      overflow: hidden;
      width: 100%;
      
  }
}

@media screen and (max-width: 1504px) and (min-width: 1250px) {
  .contrainer_row{
      position: relative;
      background-color:  rgba(255, 255, 255, 0);
      background-image: url("../jpg/assets/landing_h3.webp");
      background-size: cover;
      overflow: hidden;
      width: 100%;
      
  }
}

@media screen and (max-width: 1249px) and (min-width: 1200px) {
  .contrainer_column{
      position: relative;
      background-color:  rgba(255, 255, 255, 0);
      background-image: url("../jpg/assets/landing_h3.webp");
      background-size: cover;
      overflow: hidden;
      width: 100%;
      
  }
}

@media screen and (max-width: 1199px) and (min-width: 748px) {
  .contrainer_column{
      position: relative;
      background-color:  rgba(255, 255, 255, 0);
      background-image: url("../jpg/assets/landing_h6.webp");
      background-size: cover;
      overflow: hidden;
      width: 100%;
      
      
  }
}

@media screen and (max-width: 747px) and (min-width: 600px) {
  .contrainer_column{
      position: relative;
      background-color:  rgba(255, 255, 255, 0);
      background-image: url("../jpg/assets/landing_h7.webp");
      background-size: cover;
      overflow: hidden;
      width: 100%;
      
      
  }
}

@media screen and (max-width: 599px) and (min-width: 500px) {
  .contrainer_column{
      position: relative;
      background-color:  rgba(255, 255, 255, 0);
      background-image: url("../jpg/assets/landing_h8.webp");
      background-size: cover;
      overflow: hidden;
      width: 100%;
      
      
  }
}

@media screen and (max-width: 499px) and (min-width: 430px) {
  .contrainer_column{
      position: relative;
      background-color:  rgba(255, 255, 255, 0);
      background-image: url("../jpg/assets/landing_h9.webp");
      background-size: cover;
      overflow: hidden;
      width: 100%;
      
      
  }
}

@media screen and (max-width: 429px) and (min-width: 350px) {
  .contrainer_column{
      position: relative;
      background-color:  rgba(255, 255, 255, 0);
      background-image: url("../jpg/assets/landing_h10.webp");
      background-size: cover;
      overflow: hidden;
      width: 100%;
      
      
  }
}



 body{
  background-image:url("../jpg/assets/landing_bg.webp");
  background-repeat: no-repeat;
  background-size: cover;
}

@media screen and (max-width: 3800px) and (min-width: 2440px) {
  body{
      position: relative;
      background-color:  rgba(255, 255, 255, 0);
      background-image: url("../jpg/assets/landing_bg1-1.webp");
      background-size: cover;
      overflow: hidden;
      width: 100%;
      
  }
}


@media screen and (max-width: 2439px) and (min-width: 1801px) {
  body{
      position: relative;
      background-image: url("../jpg/assets/landing_bg1-1.webp");
      background-size: cover;
      overflow: hidden;
     
  }
}

@media screen and (max-width: 1800px) and (min-width: 1720px) {
  body{
      position: relative;
      background-image: url("../jpg/assets/landing_bg2.webp");
      background-size: cover;
      overflow: hidden;
     
  }
}

@media screen and (max-width: 1719px) and (min-width: 1450px) {
  body{
      position: relative;
      background-image: url("../jpg/assets/landing_bg2.webp");
      background-size: cover;
      overflow: hidden;
     
  }
}

@media screen and (max-width: 1449px) and (min-width: 1250px) {
  body{
      position: relative;
      background-image: url("../jpg/assets/landing_bg4.webp");
      background-size: cover;
      overflow: hidden;
     
  }
}

@media screen and (max-width: 1249px) and (min-width: 760px) {
  body{
      position: relative;
      background-image: url("../jpg/assets/landing_bg5.webp");
      background-size: cover;
      overflow: hidden;
     
  }
}

@media screen and (max-width: 759px) and (min-width: 688px) {
  body{
      position: relative;
      background-image: url("../jpg/assets/landing_bg6.webp");
      background-size: cover;
      overflow: hidden;
     
  }
}

@media screen and (max-width: 687px) and (min-width: 620px) {
  body{
      position: relative;
      background-image: url("../jpg/assets/landing_bg7.webp");
      background-size: cover;
      overflow: hidden;
     
  }
}

@media screen and (max-width: 619px) and (min-width: 590px) {
  body{
      position: relative;
      background-image: url("../jpg/assets/landing_bg8.webp");
      background-size: cover;
      overflow: hidden;
     
  }
}

@media screen and (max-width: 589px) and (min-width: 500px) {
  body{
      position: relative;
      background-image: url("../jpg/assets/landing_bg9.webp");
      background-size: cover;
      overflow: hidden;
     
  }
}

@media screen and (max-width: 499px) and (min-width: 350px) {
  body{
      position: relative;
      background-image: url("../jpg/assets/landing_bg10.webp");
      background-size: cover;
      overflow: hidden;
     
  }
}







.copyright{
bottom:0px;
padding-top:10px;
font-size: clamp(0.625rem, 0.1596rem + 2.1277vw, 1.25rem);
position:absolute;
color:#3b2314;
width:100%;
display:flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
background: rgb(238,218,176);
background: #f7da4d;
}




.copyright img{
  width:80%;
  max-width:500px;
}

h6{
  margin:0 auto;
  text-align: center;
  padding:0;
  transform:scale(0.7);
  transform-origin: center center;
  padding-bottom:5px;
}

@media screen and (max-width: 480px){
  h6{
    transform:scale(0.8);
  }
 } 


 .logo{
  width:100%;
  position:fixed;
  
  
  object-fit:fill;
}

.fontpagecontainer{
  width:100%;
  position:relative;
  background-color: rgb(255, 179, 0);
  background-image: url("../jpg/assets/landing_bg.webp");
  background-size: cover;
  height:100%;
  overflow:hidden;
}