@media (min-width: 791px) {
  /* Styles for desktop devices */
  body {
    font-size: 16px;
  }
   .hamburger{
    display: none;
   }
 
   .navigation{
    left: calc(10% + 164px);
   }
   .hero-cont{
  width: 50%;
}
   .details{
  position: absolute;
  width: 60%;
}
.hero-features{
  bottom: 8%;
}

.doddle-cont_{
  top: -100px;
}

.log-cont-ed{
  height: 70px;
  width: 70px;
  position: absolute;
  border: 2px solid white;
  left: -25%;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;

}
 .launch-section {
    flex-direction: row;
    justify-content: space-evenly;
    align-items: center;
    text-align: left;
  }

  .text-content {
    padding-right: 2rem;
    width: 50%;
    text-align: left;
  }
.text-content h2{
  font-size: 4rem;

  text-align: left;
}
.image-placeholder {
   right: 0%;
}
 
}

@media (min-width: 791px) and (max-width: 1110px){
.hero{
  font-weight: 1000;
  font-size: 2.8rem;
  word-break: break-word;
  overflow-wrap: break-word;
  word-wrap: break-word; 
}
.hero-cont{
  width: 50%;
}
.sign-in-button{
  width: 70%;
}

#side-image{
  transform: scale(1);
  right: 4%;
}

}

@media (min-width: 790px) and (max-width: 898px){
  .details{
  position: absolute;
  width: 80%;
  bottom: -40%;
  font-weight: 500;
}
.sign-in-button{
  bottom: -90%;
}
#side-image{
  transform: scale(1);
  right: 3%;
}
.navigation a:nth-child(4) {
   display: none;
}
}

@media (min-width: 790px) and (max-width: 898px) and (min-height: 1000px){
  #side-image{
  transform: scale(1);
  right: -7%;
}
}