/* launch css */
.launchheader {
  color: var(--whitecolor);
  background: linear-gradient(0deg, #45402c, transparent);
  background: linear-gradient(0deg, #0b0e1fcb, transparent);
}

.launcherheaderpart1 {
  border: var(--stdborder3);
  padding: 60px 2vw;
  font-size: var(--stdfontsize3);
  display: flex;
}
.launcherheaderpart1 div {
    padding: 1vw 3vw;
    color: var(--scolor);
}
.rocket1 {
  border: var(--stdborder1);
  padding: 5vw 4vw;
  display: flex;
  justify-content: center;
  align-items: center;
}
.rocketimagepart {
  border: var(--stdborder2);
  width: 200px;
  color: #fffacd;
  background: linear-gradient(135deg, #fffacd52, transparent);
  padding: 1vw 10vw;
  display: flex;
  justify-content: center;
}
.rocketinfopart {
  border: var(--stdborder1);
  padding: 20px;
  font-size: var(--stdfontsize2);
  width: 740px;
}
.slmain {
  padding: 20px 0px;
  font-size: var(--stdfontsize1);
  color: var(--scolor2);
  border-bottom: var(--bottomborder);
  border-top: var(--bottomborder);
}
.sl1 {
  padding: 3px 0px;
  color: var(--dwhitecolor);
}
.sl2 {
  color: var(--scolor);
}
.rocketname {
  font-size: var(--stdfontsize3);
  color: orange;
}

/* responsiveness css */
@media screen and (max-width: 1500px) {
  .rocketimagepart {
    padding: 1vw 13vw;
  }
  .rocketinfopart {
    width: 550px;
  }
}
@media screen and (max-width: 620px) {
  .rocket1 {
    padding: 5vw 2vw;
  }
  .rocketimagepart {
    border: var(--stdborder2);
    width: 35vw;
  }
  .rocketinfopart {
    padding: 10px;
    font-size: 3.8vw;
  }
  .rocketname {
    font-size: var(--stdfontsize1);
  }
  .launcherheaderpart1 {
    font-size: 4vw;
}
}
@media screen and (max-width: 400px) {
  .rocketname {
    font-size: 6.5vw;
  }
  .slmain {
    padding: 15px 0px;
    font-size: 4.3vw;
  }
  .sl1 {
    font-size: 3.9vw;
  }
    .rocketinfopart {
        padding: 10px;
        font-size: 3.8vw;
    }
}