.section-one {
  background-color: #34262a;
  padding: 30px 100px 50px 100px;
  display: flex;
  flex-direction: column;
  align-items: center;
  background-image: url('./assests/landingPage/sectionOneMain.png');
  background-repeat: no-repeat;
  background-position: start;
  background-size: contain ;
  }
.navigation {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 150px;
}
ul, a {
  text-decoration: none;
  width: 40%;
  list-style: none;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
 }
 a {
 color: #b2adaf;
  font-size: 1.2rem;
  font-weight: 600;
  width: 150px;
}
.heading-main{
 display: flex;
 flex-direction: column;
 width: 80%;
 align-items: center;
 /* font-weight: 800; */
 font-size: 3rem;
 background-image: url('./assests/landingPage/sectionOneInner.png');
 background-repeat: no-repeat;
 background-position: right;
 background-position-y: bottom; 
 background-size: 200px;
}
.section-two {
  background-color: #5f474e;
  padding: 50px 0;
}
.section-two-inner {
background-image: url('./assests/landingPage/Frame\ 8.png');
background-repeat: no-repeat;
background-position: center;
background-size: 400px;
}
.two-bottom{
  background-image: url('./assests/landingPage/Group\ 747.png');
 background-repeat: no-repeat;
 background-position: 20%;
 background-position-y: bottom;
  background-size: 350px;  
 /* background:black */
}

.features-section {
  background-color: #34262a;
  padding: 50px ;
  display: flex ;
  flex-direction: column;
  align-items: center;
}
.features-header {
  background-image: url('./assests/landingPage/element.png');
  background-repeat: repeat;
  background-size: 40px;
}

@media screen and (max-width: 800px) {
  .nav-small{
    display: flex
  }
  .section-one {
    background-size: 250px;
    padding: 50px 20px 50px 20px;
  }
  .nav-large{
    display: none;
  }
  .heading-main {
    background-size: 100px;
  }
  .section-two-inner {
   background-size: 200px;
  }
  .two-bottom {
    background-size: 300px;
    background-position: center;
    background-position-y: 100px;
  }
}
@media screen and (max-width: 600px) {
  .heading-main {
    background-size: 0px;
  }

}