* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

@font-face {
  font-family: 'Fibon';
  font-style: normal;
  font-weight: normal;
  src: local('Fibon'), url('../fonts/FibonSans-Medium.woff') format('woff');
}

.landingpage{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.landingpage .bg-image{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  object-fit: cover;
  object-position: center;
  height: 100vh;
}
.landingpage .contents{
  position: absolute;
  right: 20%;
  top: 50%;
  transform: translate(0%, -50%);
  text-align:center;
}
.landingpage .contents svg{
  width: 300px;
  height: 90px;
  display: block;
  margin: auto;
}
h1{color: #f27453;text-transform: uppercase;font-weight: 600;margin-top: 10px;font-size: 55px;font-weight: 500;font-family: "Fibon";}
p{
  color: #003115;
  font-weight: 600;
  font-size: 22px;
}

@media only screen and (max-width: 1025px){
  .landingpage .contents {
      position: absolute;
      right: 0%;
      top: 80%;
      transform: translate(0%, -50%);
  }
  .landingpage .bg-image {
      position: absolute;
      top: 0;
      left: -36%;
      width: auto;
      height: 100%;
  }
  .landingpage .contents{
      display: flex;
      justify-content: end;
      right: 8%;
      top: 10%;
  }
  .landingpage .contents svg{
      display: block;
      margin-left: auto;
  }

  h1{
      margin-top: 0px;
      font-size: 55px;
  }
              .landingpage .contents svg {
      width: 250px;
      height: 100px;
  }

}

@media only screen and (max-width: 961px){
  .landingpage .contents svg {
      width: 250px;
      height: 70px;
  }
  .landingpage .contents{
      right:2%;
  }
}

@media only screen and (max-width: 767px){
  .landingpage .contents {
      display: flex;
      justify-content: center;
      right: 0;
      top: 50%;
      width: 100%;
  }
  .landingpage .contents svg{
      margin: auto;
  }
  h1{font-size: 40px;}
  .landingpage .contents svg {
      width: 200px;
      height: 70px;
  }
  .landingpage .bg-image{
      left: -180%;
  }
}