@charset "UTF-8";
* {
  margin: 0;
  padding: 0;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html,
body {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}

@font-face {
  font-family: "NeuePlak-Black";
  src: url("fonts/NeuePlakFont/NeuePlak-NarrowBlack.otf") format("opentype");
}
@font-face {
  font-family: "NeuePlak-Bold";
  src: url("fonts/NeuePlakFont/NeuePlak-NarrowBold.otf") format("opentype");
}
@font-face {
  font-family: "NeuePlak-Normal";
  src: url("fonts/NeuePlakFont/NeuePlak-NarrowRegular.otf") format("opentype");
}
.fs-titleBlack {
  font-size: 110px;
  font-family: "NeuePlak-Black";
  line-height: 0.9;
  /* Ajusta el valor para reducir el espacio entre líneas */
}

.fs-titleBold {
  font-size: 110px;
  font-family: "NeuePlak-Bold";
  line-height: 0.9;
  /* Ajusta el valor para reducir el espacio entre líneas */
}

.fs-titleNormal {
  font-size: 110px;
  font-family: "NeuePlak-Normal";
  line-height: 0.9;
  /* Ajusta el valor para reducir el espacio entre líneas */
}

.fs-subtitleBlack {
  font-size: 60px;
  font-family: "NeuePlak-Black";
  line-height: 1;
  /* Ajusta el valor para reducir el espacio entre líneas */
}

.fs-subtitleBold {
  font-size: 60px;
  font-family: "NeuePlak-Bold";
  line-height: 1;
  /* Ajusta el valor para reducir el espacio entre líneas */
}

.fs-subtitleNormal {
  font-size: 60px;
  font-family: "NeuePlak-Normal";
  line-height: 1;
  /* Ajusta el valor para reducir el espacio entre líneas */
}

.fs-bigBlack {
  font-size: 35px;
  font-family: "NeuePlak-Black";
  line-height: 1;
  /* Ajusta el valor para reducir el espacio entre líneas */
}

.fs-bigBold {
  font-size: 35px;
  font-family: "NeuePlak-Bold";
  line-height: 1;
  /* Ajusta el valor para reducir el espacio entre líneas */
}

.fs-bigNormal {
  font-size: 35px;
  font-family: "NeuePlak-Normal";
  line-height: 1;
  /* Ajusta el valor para reducir el espacio entre líneas */
}

.fs-smallBlack {
  font-size: 18px;
  font-family: "NeuePlak-Black";
  line-height: 1;
  /* Ajusta el valor para reducir el espacio entre líneas */
}

.fs-smallBold {
  font-size: 18px;
  font-family: "NeuePlak-Bold";
  line-height: 1;
  /* Ajusta el valor para reducir el espacio entre líneas */
}

.fs-smallNormal {
  font-size: 18px;
  font-family: "NeuePlak-Normal";
  line-height: 1;
  /* Ajusta el valor para reducir el espacio entre líneas */
}

.white {
  color: white;
}

.black {
  color: black;
}

.negrita {
  font-weight: bold;
}

.grid {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: repeat(6, 1fr);
}

#menu {
  width: 100%;
  height: 80px;
  position: fixed;
  z-index: 100;
}
#menu .menu-options {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 80px;
  height: 100%;
}
#menu .menu-options .menu-logo {
  background-size: cover;
  background-position: center;
  width: 130px;
  height: 40px;
}
#menu .menu-options .dropdown-container {
  position: relative;
  cursor: pointer;
}
#menu .menu-options .dropdown-container .dropdown {
  position: absolute;
  top: calc(100% + 10px);
  left: 0;
  padding: 10px 0;
  list-style: none;
  display: none;
}
#menu .menu-options .dropdown-container .dropdown li {
  padding: 4px 15px;
  cursor: pointer;
}
#menu .menu-options .dropdown-container.menu-collections .dropdown {
  width: 200px;
}
#menu .menu-options .dropdown-container.menu-fragances .dropdown {
  width: 170px;
}
#menu .menu-options .dropdown-container.menu-about .dropdown {
  width: 150px;
}
#menu .menu-options .dropdown-container.menu-idioma .dropdown {
  width: 100px;
}
#menu .menu-options .menu-icon {
  display: none;
  font-size: 40px;
  cursor: pointer;
  margin-left: auto;
}
#menu .menu-dropdown {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: white;
}
#menu .menu-dropdown .dropdown-container {
  display: block;
  margin-bottom: 10px;
}
#menu .menu-dropdown .dropdown-container .dropdown {
  position: relative;
  display: block;
  width: 100%;
}
#menu .menu-dropdown .dropdown-container.menu-collections .dropdown, #menu .menu-dropdown .dropdown-container.menu-fragances .dropdown, #menu .menu-dropdown .dropdown-container.menu-about .dropdown, #menu .menu-dropdown .dropdown-container.menu-idioma .dropdown {
  width: 100%;
}

#index-body1 {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: repeat(6, 1fr);
  height: 100svh;
  /* Ocupa toda la altura de la ventana */
}
#index-body1 .background-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: -1;
  grid-column: 1/13;
  grid-row: 1/7;
}
#index-body1 .index-body1-text {
  grid-row: 1/7;
  grid-column: 1/13;
  margin-left: 50px;
  align-self: end;
  margin-bottom: 50px;
}

#index-body2 {
  height: 400px;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: repeat(6, 1fr);
}
#index-body2 .index-body2-1 {
  grid-column: 1/4;
  grid-row: 1/7;
  background-image: url("img/REEBOKICONIC_L_1_D_322.3.avif");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
#index-body2 .index-body2-1 .index-body2-1-text {
  grid-row: 6;
  grid-column: 1/13;
  margin-left: 30px;
  margin-bottom: 30px;
  align-self: end;
}
#index-body2 .index-body2-2 {
  grid-column: 4/7;
  grid-row: 1/7;
  background-image: url("img/REFRESHBODYSPRAY150ML.avif");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
#index-body2 .index-body2-2 .index-body2-2-text {
  grid-row: 6;
  grid-column: 1/13;
  margin-left: 30px;
  margin-bottom: 30px;
  align-self: end;
}
#index-body2 .index-body2-3 {
  grid-column: 7/10;
  grid-row: 1/7;
  background-image: url("img/REEBOK_2024_SET02_1585.avif");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
#index-body2 .index-body2-3 .index-body2-3-text {
  grid-row: 6;
  grid-column: 1/13;
  margin-left: 30px;
  margin-bottom: 30px;
  align-self: end;
}
#index-body2 .index-body2-4 {
  grid-column: 10/13;
  grid-row: 1/7;
  background-image: url("img/imgHome1Deodorant.avif");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
#index-body2 .index-body2-4 .index-body2-4-text {
  grid-row: 6;
  grid-column: 1/13;
  margin-left: 30px;
  margin-bottom: 30px;
  align-self: end;
}

#index-body3 {
  height: 250px;
}
#index-body3 .index-body3-text {
  grid-column: 1/13;
  grid-row: 2/6;
  align-content: center;
  margin-left: 30px;
}

#index-body4 {
  height: 700px;
  background-image: url("img/imgHome1Lifestyle.avif");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
#index-body4 .index-body4-1 {
  grid-column: 1/13;
  grid-row: 3/5;
  margin-left: 30px;
  align-content: center;
}
#index-body4 .index-body4-2 {
  grid-column: 1/13;
  grid-row: 5;
  margin-left: 30px;
  align-content: center;
}
#index-body4 .index-body4-3 {
  grid-column: 1/13;
  grid-row: 6;
  width: 150px;
  margin: 30px;
  color: black;
  background-color: white;
  align-content: center;
  text-align: center;
  height: 40px;
}

#index-body5 {
  width: 100%;
  height: 550px;
}
#index-body5 .index-body5-1 {
  grid-column: 1/5;
  grid-row: 1/7;
}
#index-body5 .index-body5-1 .index-body5-1-text1 {
  grid-column: 1/13;
  grid-row: 2;
  align-self: center;
  margin-left: 30px;
}
#index-body5 .index-body5-1 .index-body5-1-text2 {
  grid-column: 1/13;
  grid-row: 5;
  width: 150px;
  color: white;
  background-color: black;
  align-content: center;
  align-self: center;
  text-align: center;
  height: 40px;
  margin-left: 30px;
}
#index-body5 .index-body5-2 {
  grid-column: 5/9;
  grid-row: 1/7;
  background-size: cover;
  background-position: center;
  background-image: url("img/REEBOK_2024_SET02_0943.avif");
  background-repeat: no-repeat;
}
#index-body5 .index-body5-3 {
  grid-column: 9/13;
  grid-row: 1/7;
  background-size: cover;
  background-position: center;
  background-image: url("img/REEBOK_2024_SET02_1602 productos él_.avif");
  background-repeat: no-repeat;
}
#index-body5 .index-body5-4 {
  grid-column: 10/13;
  grid-row: 1/7;
}
#index-body5 .index-body5-4 .index-body5-4-text1 {
  grid-column: 1/13;
  grid-row: 1/6;
  background-color: #D9D9D9;
  background-image: url("img/products/RefreshGel250.avif");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
#index-body5 .index-body5-4 .index-body5-4-text2 {
  grid-column: 1/13;
  grid-row: 6;
  margin: 10px 20px 30px 20px;
}

#index-body6 {
  height: 600px;
  margin-bottom: 30px;
}
#index-body6 .index-body6-1 {
  grid-column: 1/7;
  grid-row: 1/7;
  background-image: url("img/UltraCoolingHome.avif");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
#index-body6 .index-body6-1 .index-body6-1-text1 {
  grid-column: 1/13;
  grid-row: 5;
  margin-left: 30px;
  align-content: end;
}
#index-body6 .index-body6-1 .index-body6-1-text2 {
  grid-column: 1/13;
  grid-row: 6;
  width: 130px;
  margin: 30px;
  color: black;
  background-color: white;
  align-content: center;
  text-align: center;
  height: 40px;
}
#index-body6 .index-body6-2 {
  grid-column: 7/13;
  grid-row: 1/7;
  background-image: url("img/HimRefresh.avif");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
#index-body6 .index-body6-2 .index-body6-2-text1 {
  grid-column: 1/13;
  grid-row: 5;
  margin-left: 30px;
  align-content: end;
}
#index-body6 .index-body6-2 .index-body6-2-text2 {
  grid-column: 1/13;
  grid-row: 6;
  width: 130px;
  margin: 30px;
  color: black;
  background-color: white;
  align-content: center;
  text-align: center;
  height: 40px;
}

#footer {
  height: 80px;
  grid-column: 1/13;
  grid-row: 1/7;
  display: flex;
  justify-content: space-around;
}
#footer .footer-1 {
  align-self: center;
  margin: 5px;
}
#footer .footer-2 {
  align-self: center;
  margin: 5px;
}
#footer .footer-3 {
  align-self: center;
  margin: 5px;
}
#footer .footer-4 {
  align-self: center;
  margin: 5px;
}

.margin-menu {
  padding-top: 150px;
}

#allproducts-title {
  height: 150px;
  margin-left: 30px;
}
#allproducts-title .allproducts-title-1 {
  grid-column: 1/13;
  grid-row: 2/7;
  align-self: center;
}

#allproducts-subtitle {
  height: 100px;
  margin-left: 30px;
}
#allproducts-subtitle .allproducts-subtitle-1 {
  grid-column: 1/13;
  grid-row: 1/5;
  align-self: end;
}

#allproducts-body {
  height: 430px;
}
#allproducts-body .allproducts-body-1 {
  grid-column: 1/5;
  grid-row: 1/7;
}
#allproducts-body .allproducts-body-1 .allproducts-body-1-text1 {
  grid-column: 1/13;
  grid-row: 1/6;
  background-size: contain;
  background-position: center;
}
#allproducts-body .allproducts-body-1 .allproducts-body-1-text2 {
  grid-column: 1/13;
  grid-row: 6;
  margin: 20px 30px;
}
#allproducts-body .allproducts-body-2 {
  grid-column: 5/9;
  grid-row: 1/7;
}
#allproducts-body .allproducts-body-2 .allproducts-body-2-text1 {
  grid-column: 1/13;
  grid-row: 1/6;
  background-size: contain;
  background-position: center;
}
#allproducts-body .allproducts-body-2 .allproducts-body-2-text2 {
  grid-column: 1/13;
  grid-row: 6;
  margin: 20px 30px;
}
#allproducts-body .allproducts-body-3 {
  grid-column: 9/13;
  grid-row: 1/7;
}
#allproducts-body .allproducts-body-3 .allproducts-body-3-text1 {
  grid-column: 1/13;
  grid-row: 1/6;
  background-size: contain;
  background-position: center;
}
#allproducts-body .allproducts-body-3 .allproducts-body-3-text2 {
  grid-column: 1/13;
  grid-row: 6;
  margin: 20px 30px;
}

.fragance-lifestyle1 .fragance-lifestyle1-1 .fragance-lifestyle1-1-img {
  background-image: url("img/products/PRE149_REEBOK_ACTIVATE_MASC_EDT 100ML.avif");
  background-color: #D9D9D9;
  background-repeat: no-repeat;
}
.fragance-lifestyle1 .fragance-lifestyle1-2 .fragance-lifestyle1-2-img {
  background-image: url("img/products/MoveYourSpirit.avif");
  background-color: #EDEDED;
  background-repeat: no-repeat;
}
.fragance-lifestyle1 .fragance-lifestyle1-3 .fragance-lifestyle1-3-img {
  background-image: url("img/products/CoolYourBody.avif");
  background-color: #D9D9D9;
  background-repeat: no-repeat;
}

.fragance-lifestyle2 .fragance-lifestyle2-1 .fragance-lifestyle2-1-img {
  background-image: url("img/products/activateHer.avif");
  background-color: #EDEDED;
  background-repeat: no-repeat;
}
.fragance-lifestyle2 .fragance-lifestyle2-2 .fragance-lifestyle2-2-img {
  background-image: url("img/products/InspireYourMind.avif");
  background-color: #D9D9D9;
  background-repeat: no-repeat;
}

.fragance-iconic1 .fragance-iconic1-1 .fragance-iconic1-1-img {
  background-image: url("img/products/IconicRed.avif");
  background-color: #D9D9D9;
  background-repeat: no-repeat;
}
.fragance-iconic1 .fragance-iconic1-2 .fragance-iconic1-2-img {
  background-image: url("img/products/IconicBlue.avif");
  background-color: #EDEDED;
  background-repeat: no-repeat;
}
.fragance-iconic1 .fragance-iconic1-3 .fragance-iconic1-3-img {
  background-image: url("img/products/IconicWhite.avif");
  background-color: #D9D9D9;
  background-repeat: no-repeat;
}

.deodorant-lifestyle1 .deodorant-lifestyle1-1 .deodorant-lifestyle1-1-img {
  background-image: url("img/products/DeodorantActivateForHim.avif");
  background-color: #D9D9D9;
  background-repeat: no-repeat;
}
.deodorant-lifestyle1 .deodorant-lifestyle1-2 .deodorant-lifestyle1-2-img {
  background-image: url("img/products/DeodorantMoveYourSpirit.avif");
  background-color: #EDEDED;
  background-repeat: no-repeat;
}
.deodorant-lifestyle1 .deodorant-lifestyle1-3 .deodorant-lifestyle1-3-img {
  background-image: url("img/products/DeodorantCoolYourBody.avif");
  background-color: #D9D9D9;
  background-repeat: no-repeat;
}

.deodorant-lifestyle2 .deodorant-lifestyle2-1 .deodorant-lifestyle2-1-img {
  background-image: url("img/products/DeodorantActivateForHer.avif");
  background-color: #EDEDED;
  background-repeat: no-repeat;
}
.deodorant-lifestyle2 .deodorant-lifestyle2-2 .deodorant-lifestyle2-2-img {
  background-image: url("img/products/DeodorantInspireYourMind.avif");
  background-color: #D9D9D9;
  background-repeat: no-repeat;
}

.deodorant-performance1 .deodorant-performance1-1 .deodorant-performance1-1-img {
  background-image: url("img/products/DeodorantRefresh.avif");
  background-color: #D9D9D9;
  background-repeat: no-repeat;
}
.deodorant-performance1 .deodorant-performance1-2 .deodorant-performance1-2-img {
  background-image: url("img/products/DeodorantReload.avif");
  background-color: #EDEDED;
  background-repeat: no-repeat;
}

.deodorant-activate1 .deodorant-activate1-1 .deodorant-activate1-1-img {
  background-image: url("img/products/Deodorant0.avif");
  background-color: #D9D9D9;
  background-repeat: no-repeat;
}
.deodorant-activate1 .deodorant-activate1-2 .deodorant-activate1-2-img {
  background-image: url("img/products/Aloe.avif");
  background-color: #EDEDED;
  background-repeat: no-repeat;
}
.deodorant-activate1 .deodorant-activate1-3 .deodorant-activate1-3-img {
  background-image: url("img/products/Max.avif");
  background-color: #D9D9D9;
  background-repeat: no-repeat;
}

.showergel-lifestyle1 .showergel-lifestyle1-1 .showergel-lifestyle1-1-img {
  background-image: url("img/products/PRE155_ACTIVATE GEL 250 MASC.avif");
  background-color: #D9D9D9;
  background-repeat: no-repeat;
}
.showergel-lifestyle1 .showergel-lifestyle1-2 .showergel-lifestyle1-2-img {
  background-image: url("img/products/PRE022 REEBOK MOVE GEL 250ML MASC.avif");
  background-color: #EDEDED;
  background-repeat: no-repeat;
}
.showergel-lifestyle1 .showergel-lifestyle1-3 .showergel-lifestyle1-3-img {
  background-image: url("img/products/PR023 REEBOK COOL GEL 250ML MASC.avif");
  background-color: #D9D9D9;
  background-repeat: no-repeat;
}

.showergel-lifestyle2 .showergel-lifestyle2-1 .showergel-lifestyle2-1-img {
  background-image: url("img/products/PRE154_ACTIVATE GEL 250 FEM-1.avif");
  background-color: #EDEDED;
  background-repeat: no-repeat;
}
.showergel-lifestyle2 .showergel-lifestyle2-2 .showergel-lifestyle2-2-img {
  background-image: url("img/products/inspire your mind 250ml gel.avif");
  background-color: #D9D9D9;
  background-repeat: no-repeat;
}

.showergel-performance1 .showergel-performance1-1 .showergel-performance1-1-img {
  background-image: url("img/products/RefreshGel250.avif");
  background-color: #D9D9D9;
  background-repeat: no-repeat;
}
.showergel-performance1 .showergel-performance1-2 .showergel-performance1-2-img {
  background-image: url("img/products/ReloadGel250ml.avif");
  background-color: #EDEDED;
  background-repeat: no-repeat;
}

.bodymists1 .bodymists1-1 .bodymists1-1-img {
  background-image: url("img/products/ActivateHydration.avif");
  background-color: #D9D9D9;
  background-repeat: no-repeat;
}
.bodymists1 .bodymists1-2 .bodymists1-2-img {
  background-image: url("img/products/UltraCooling.avif");
  background-color: #EDEDED;
  background-repeat: no-repeat;
}
.bodymists1 .bodymists1-3 .bodymists1-3-img {
  background-image: url("img/products/CaptivatingGlow.avif");
  background-color: #D9D9D9;
  background-repeat: no-repeat;
}

.bodymists2 .bodymists2-1 .bodymists2-1-img {
  background-image: url("img/products/SereneSoft.avif");
  background-color: #EDEDED;
  background-repeat: no-repeat;
}
.bodymists2 .bodymists2-2 .bodymists2-2-img {
  background-image: url("img/products/RevitalizingBoost.avif");
  background-color: #D9D9D9;
  background-repeat: no-repeat;
}
.bodymists2 .bodymists2-3 .bodymists2-3-img {
  background-image: url("img/products/WarmVibrant.avif");
  background-color: #EDEDED;
  background-repeat: no-repeat;
}

.bodymists3 .bodymists3-1 .bodymists3-1-img {
  background-image: url("img/products/BrightRechargin.avif");
  background-color: #D9D9D9;
  background-repeat: no-repeat;
}

#mobileProducts {
  display: none;
}

#collectionVideo {
  height: 100svh;
}
#collectionVideo .background-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: -1;
  grid-column: 1/13;
  grid-row: 1/7;
}
#collectionVideo .text1 {
  margin-left: 50px;
  grid-column: 1/13;
  grid-row: 2;
}
#collectionVideo .text2 {
  margin-left: 50px;
  margin-bottom: 30px;
  grid-column: 1/13;
  grid-row: 5/7;
  align-self: center;
}

#collectionDescription {
  height: 300px;
}
#collectionDescription .textDescription {
  grid-column: 1/9;
  grid-row: 1/7;
  align-self: center;
  margin-left: 30px;
}

#ForHimProducts {
  height: 450px;
  margin-bottom: 30px;
}
#ForHimProducts .img1ForHim {
  background-color: #D9D9D9;
  grid-column: 1/5;
  grid-row: 1/6;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
#ForHimProducts .img2ForHim {
  background-color: #EDEDED;
  grid-column: 5/9;
  grid-row: 1/6;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
#ForHimProducts .img3ForHim {
  background-color: #D9D9D9;
  grid-column: 9/13;
  grid-row: 1/6;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
#ForHimProducts .description1ForHim {
  margin-left: 30px;
  grid-column: 1/5;
  grid-row: 6;
  margin-top: 30px;
}
#ForHimProducts .description2ForHim {
  margin-left: 30px;
  grid-column: 5/9;
  grid-row: 6;
  margin-top: 30px;
}
#ForHimProducts .description3ForHim {
  margin-left: 30px;
  grid-column: 9/13;
  grid-row: 6;
  margin-top: 30px;
}

#ForHimProducts2 {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: repeat(6, 1fr);
  height: 450px;
  margin-bottom: 30px;
}
#ForHimProducts2 .img1ForHim {
  grid-column: 1/5;
  grid-row: 1/6;
  background-color: #EDEDED;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
#ForHimProducts2 .img2ForHim {
  grid-column: 5/9;
  grid-row: 1/6;
  background-color: #D9D9D9;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
#ForHimProducts2 .img3ForHim {
  grid-column: 9/13;
  grid-row: 1/6;
  background-color: #EDEDED;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
#ForHimProducts2 .description1ForHim {
  grid-column: 1/5;
  grid-row: 6;
  margin-left: 30px;
  margin-top: 30px;
}
#ForHimProducts2 .description2ForHim {
  grid-column: 5/9;
  grid-row: 6;
  margin-left: 30px;
  margin-top: 30px;
}
#ForHimProducts2 .description3ForHim {
  grid-column: 9/13;
  grid-row: 6;
  margin-left: 30px;
  margin-top: 30px;
}

#ForHimProducts3 {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: repeat(6, 1fr);
  height: 450px;
  margin-top: 25px;
  margin-bottom: 30px;
}
#ForHimProducts3 .img1ForHim {
  grid-column: 1/5;
  grid-row: 1/6;
  background-color: #D9D9D9;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
#ForHimProducts3 .description1ForHim {
  grid-column: 1/5;
  grid-row: 6;
  margin-left: 30px;
  margin-top: 30px;
}

#collectionVideo2 {
  position: relative;
  height: 100vh;
  overflow: hidden;
  /* Asegura que el video no se desborde del contenedor */
}
#collectionVideo2 .background-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: -1;
  grid-column: 1/13;
  grid-row: 1/7;
}

#ForHerProducts {
  height: 450px;
  margin-bottom: 30px;
}
#ForHerProducts .img1ForHer {
  background-color: #EDEDED;
  grid-column: 1/5;
  grid-row: 1/6;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
#ForHerProducts .img2ForHer {
  background-color: #D9D9D9;
  grid-column: 5/9;
  grid-row: 1/6;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
#ForHerProducts .img3ForHer {
  background-color: #EDEDED;
  grid-column: 9/13;
  grid-row: 1/6;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
#ForHerProducts .description1ForHer {
  margin-left: 30px;
  grid-column: 1/5;
  grid-row: 6;
  margin-top: 30px;
}
#ForHerProducts .description2ForHer {
  margin-left: 30px;
  grid-column: 5/9;
  grid-row: 6;
  margin-top: 30px;
}
#ForHerProducts .description3ForHer {
  margin-left: 30px;
  grid-column: 9/13;
  grid-row: 6;
  margin-top: 30px;
}

.productsHimLifeStyle .img1ForHim {
  background-image: url("img/products/ActivateYourSensesHim.avif");
  background-repeat: no-repeat;
}
.productsHimLifeStyle .img2ForHim {
  background-image: url("img/products/MoveYourSpirit.avif");
  background-repeat: no-repeat;
}
.productsHimLifeStyle .img3ForHim {
  background-image: url("img/products/CoolYourBody.avif");
  background-repeat: no-repeat;
}

.VideoHerLifeStyle {
  background-image: url("");
}

.productsHerLifeStyle .img1ForHer {
  background-image: url("img/products/activateHer.avif");
  background-repeat: no-repeat;
}
.productsHerLifeStyle .img2ForHer {
  background-image: url("img/products/InspireYourMind.avif");
  background-repeat: no-repeat;
}

.productsHimIconic .img1ForHim {
  background-image: url("img/products/IconicBlue.avif");
  background-repeat: no-repeat;
}
.productsHimIconic .img2ForHim {
  background-image: url("img/products/IconicRed.avif");
  background-repeat: no-repeat;
}
.productsHimIconic .img3ForHim {
  background-image: url("img/products/IconicWhite.avif");
  background-repeat: no-repeat;
}

.productsHimPerformance .img1ForHim {
  background-image: url("");
}
.productsHimPerformance .img2ForHim {
  background-image: url("");
}

.productsHimActivate .img1ForHim {
  background-image: url("img/products/Deodorant0.avif");
  background-repeat: no-repeat;
}
.productsHimActivate .img2ForHim {
  background-image: url("img/products/Aloe.avif");
  background-repeat: no-repeat;
}
.productsHimActivate .img3ForHim {
  background-image: url("img/products/Max.avif");
  background-repeat: no-repeat;
}

.productsHimPerformance .img1ForHim {
  background-image: url("img/products/DeodorantReload.avif");
  background-repeat: no-repeat;
}
.productsHimPerformance .img2ForHim {
  background-image: url("img/products/DeodorantRefresh.avif");
  background-repeat: no-repeat;
}
.productsHimPerformance .img3ForHim {
  background-image: url("img/products/ReloadGel250ml.avif");
  background-repeat: no-repeat;
}

.productsHimPerformance2 .img1ForHim {
  background-image: url("img/products/RefreshGel250.avif");
  background-repeat: no-repeat;
}

.VideoHimMists .img1ForHim {
  background-image: url("img/PRE101_REEBOK MIST_GRUPALampliado-1.avif");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  grid-column: 1/13;
  grid-row: 1/7;
}

.productsHimMists .img1ForHim {
  background-image: url("img/products/ActivateHydration.avif");
  background-repeat: no-repeat;
}
.productsHimMists .img2ForHim {
  background-image: url("img/products/UltraCooling.avif");
  background-repeat: no-repeat;
}
.productsHimMists .img3ForHim {
  background-image: url("img/products/CaptivatingGlow.avif");
  background-repeat: no-repeat;
}

.productsHimMists2 .img1ForHim {
  background-image: url("img/products/SereneSoft.avif");
  background-repeat: no-repeat;
}
.productsHimMists2 .img2ForHim {
  background-image: url("img/products/RevitalizingBoost.avif");
  background-repeat: no-repeat;
}
.productsHimMists2 .img3ForHim {
  background-image: url("img/products/WarmVibrant.avif");
  background-repeat: no-repeat;
}

.productsHimMists3 .img1ForHim {
  background-image: url("img/products/BrightRechargin.avif");
  background-repeat: no-repeat;
}

#productBody1 {
  margin: 0px 50px;
  height: 500px;
  margin-bottom: 100px;
}
#productBody1 .text1 {
  grid-column: 1/7;
  grid-row: 1;
}
#productBody1 .text2 {
  grid-column: 1/7;
  grid-row: 1/6;
  margin-top: 50px;
}
#productBody1 .text3 {
  grid-row: 6;
  grid-column: 1/7;
  align-self: end;
}
#productBody1 .imgbody1 {
  grid-column: 7/13;
  grid-row: 1/7;
  margin-left: 50px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

#productBody2 {
  height: 600px;
  margin-bottom: 100px;
}
#productBody2 .imgbody2 {
  grid-column: 1/7;
  grid-row: 1/7;
  background-size: cover;
  background-position: center;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
}
#productBody2 .videobody2 {
  position: relative;
  width: 100%;
  height: 100%;
  grid-column: 7/13;
  grid-row: 1/7;
}
#productBody2 .videobody2 .background-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: -1;
}

#productbody3 {
  height: 500px;
  margin-bottom: 100px;
}
#productbody3 .imgbody3 {
  grid-row: 1/7;
  grid-column: 1/7;
  margin: 0px 50px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
#productbody3 .text1 {
  grid-row: 1/6;
  grid-column: 7/13;
  margin-right: 50px;
}
#productbody3 .text2 {
  grid-row: 6;
  grid-column: 7/9;
}
#productbody3 .text3 {
  grid-row: 6;
  grid-column: 9/13;
  margin-right: 50px;
}

#productBody4 {
  height: 600px;
  margin-bottom: 100px;
}
#productBody4 .imgbody4-1 {
  grid-column: 1/7;
  grid-row: 1/7;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
#productBody4 .imgbody4-2 {
  grid-column: 7/13;
  grid-row: 1/7;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

#ActivateForHim #productBody1 .imgbody1 {
  background-image: url("img/imgHome1Lifestyle.avif");
  background-repeat: no-repeat;
}
#ActivateForHim #productBody2 .imgbody2 {
  background-image: url("img/products/ActivateHim.avif");
  background-color: #6D020F;
  background-repeat: no-repeat;
}
#ActivateForHim #productBody2 .videobody2 {
  position: relative;
  width: 100%;
  height: 100%;
}
#ActivateForHim #productBody2 .videobody2 .background-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: -1;
}
#ActivateForHim #productbody3 .imgbody3 {
  background-image: url("img/fondoactivateforhim.avif");
  background-repeat: no-repeat;
}
#ActivateForHim #productBody4 .imgbody4-1 {
  background-image: url("img/fondoactivateforhim2.avif");
  background-repeat: no-repeat;
}
#ActivateForHim #productBody4 .imgbody4-2 {
  background-image: url("");
  background-color: #c1cc5e;
  background-repeat: no-repeat;
}

#ActivateYourSensesHim #productBody1 .imgbody1 {
  background-image: url("img/REEBOK_ACTIVATE- HIM.avif");
  background-repeat: no-repeat;
}
#ActivateYourSensesHim #productBody2 .imgbody2 {
  background-image: url("img/products/PRE149_REEBOK_ACTIVATE_MASC_EDT 100ML.avif");
  background-color: #E31C38;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
#ActivateYourSensesHim #productbody3 .imgbody3 {
  background-image: url("img/PRE151_ ACTIVATE_MASC_DIGITAL INGREDIENTS_LOWLOW.avif");
  background-repeat: no-repeat;
}
#ActivateYourSensesHim #productBody4 .imgbody4-1 {
  background-image: url("img/REEBOK_ACTIVATE-FRAGANCES_F02_HIM EXTRA.avif");
  background-repeat: no-repeat;
}
#ActivateYourSensesHim #productBody4 .imgbody4-2 {
  background-color: #E31C38;
  background-image: url("img/REEBOK ACTIVATE MASC-1.avif");
  background-repeat: no-repeat;
}

#MoveYourSpirit #productBody1 .imgbody1 {
  background-image: url("img/REEBOK_2024_SET02_1535.avif");
  background-repeat: no-repeat;
}
#MoveYourSpirit #productBody2 .imgbody2 {
  background-image: url("img/products/MoveYourSpirit.avif");
  background-color: #002D59;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
#MoveYourSpirit #productbody3 .imgbody3 {
  background-image: url("img/MOVEFORHIMEXTENDEDBLUE.avif");
  background-repeat: no-repeat;
}
#MoveYourSpirit #productBody4 .imgbody4-1 {
  background-image: url("img/DSCF2799_02.avif");
  background-repeat: no-repeat;
}
#MoveYourSpirit #productBody4 .imgbody4-2 {
  background-color: #002D59;
  background-image: url("img/REEBOKMOVEMASC.avif");
  background-repeat: no-repeat;
}

#CoolYourBody #productBody1 .imgbody1 {
  background-image: url("img/REEBOK_2024_SET02_1730.avif");
  background-repeat: no-repeat;
}
#CoolYourBody #productBody2 .imgbody2 {
  background-image: url("img/products/CoolYourBody.avif");
  background-color: #23A2AA;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
#CoolYourBody #productbody3 .imgbody3 {
  background-image: url("img/COOLFORHIMEXTENDEDGREEN.avif");
  background-repeat: no-repeat;
}
#CoolYourBody #productBody4 .imgbody4-1 {
  background-image: url("img/COOL-HIM.avif");
  background-repeat: no-repeat;
}
#CoolYourBody #productBody4 .imgbody4-2 {
  background-color: #23A2AA;
  background-image: url("img/REEBOKCOOLMASC-1.avif");
  background-repeat: no-repeat;
}

#ActivateYourSensesHer #productBody1 .imgbody1 {
  background-image: url("img/REEBOK_ACTIVATE- HER.avif");
  background-repeat: no-repeat;
}
#ActivateYourSensesHer #productBody2 .imgbody2 {
  background-image: url("img/products/activateHer.avif");
  background-color: #FE7B9A;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
#ActivateYourSensesHer #productbody3 .imgbody3 {
  background-image: url("img/PRE150_ ACTIVATE_FEM_DIGITAL INGREDIENTS_LOWLOW.avif");
  background-repeat: no-repeat;
}
#ActivateYourSensesHer #productBody4 .imgbody4-1 {
  background-image: url("img/REEBOK_ACTIVATE-FRAGANCES_HER EXTRA.avif");
  background-repeat: no-repeat;
}
#ActivateYourSensesHer #productBody4 .imgbody4-2 {
  background-color: #FE7B9A;
  background-image: url("img/REEBOK ACTIVATE FEM-1.avif");
  background-repeat: no-repeat;
}

#InspireYourMind #productBody1 .imgbody1 {
  background-image: url("img/REEBOK_2024_SET02_1021.avif");
  background-repeat: no-repeat;
}
#InspireYourMind #productBody2 .imgbody2 {
  background-image: url("img/products/InspireYourMind.avif");
  background-color: #FE7B9A;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
#InspireYourMind #productbody3 .imgbody3 {
  background-image: url("img/INSPIREFORHEREXTENDED2PINK.avif");
  background-repeat: no-repeat;
}
#InspireYourMind #productBody4 .imgbody4-1 {
  background-image: url("img/ACTIVATEINSPIREHER.avif");
  background-repeat: no-repeat;
}
#InspireYourMind #productBody4 .imgbody4-2 {
  background-color: #FE7B9A;
  background-image: url("img/REEBOK_INSPIRE_FEM-1.avif");
  background-repeat: no-repeat;
}

#ActivateForHer #productBody1 .imgbody1 {
  background-image: url("");
}
#ActivateForHer #productBody2 .imgbody2 {
  background-image: url("");
}
#ActivateForHer #productBody2 .videobody2 {
  background-image: url("");
}
#ActivateForHer #productbody3 .imgbody3 {
  background-image: url("");
}
#ActivateForHer #productBody4 .imgbody4-1 {
  background-image: url("");
}
#ActivateForHer #productBody4 .imgbody4-2 {
  background-image: url("");
}

#IconicRed #productBody1 .imgbody1 {
  background-image: url("img/REEBOKREDICONIC_L_3_D_914.avif");
  background-repeat: no-repeat;
}
#IconicRed #productBody2 .imgbody2 {
  background-image: url("img/REEBOKREDICONIC_L_3_2626.3.avif");
  background-repeat: no-repeat;
}
#IconicRed #productbody3 .imgbody3 {
  background-image: url("img/Reebook_IconicVisuals_ClaudiaMaurino_0234.avif");
  background-repeat: no-repeat;
}

#IconicBlue #productBody1 .imgbody1 {
  background-image: url("img/REEBOKICONIC_L_2_D_431.2.avif");
  background-repeat: no-repeat;
}
#IconicBlue #productBody2 .imgbody2 {
  background-image: url("img/REEBOKICONIC_L_2_394.3.avif");
  background-repeat: no-repeat;
}
#IconicBlue #productbody3 .imgbody3 {
  background-image: url("img/Reebook_IconicVisuals_ClaudiaMaurino_0426_02.avif");
  background-repeat: no-repeat;
}

#IconicWhite #productBody1 .imgbody1 {
  background-image: url("img/REEBOKICONIC_L_1_D_322.3.avif");
  background-repeat: no-repeat;
}
#IconicWhite #productBody2 .imgbody2 {
  background-image: url("img/REEBOKWHITEICONICL_1_081.3.avif");
  background-repeat: no-repeat;
}
#IconicWhite #productbody3 .imgbody3 {
  background-image: url("img/Reebook_IconicVisuals_ClaudiaMaurino_0353_02.avif");
  background-repeat: no-repeat;
}

#ActivateForHimDeodorant #productBody1 .imgbody1 {
  background-image: url("");
}
#ActivateForHimDeodorant #productBody2 .imgbody2 {
  background-image: url("");
}
#ActivateForHimDeodorant #productBody2 .videobody2 {
  background-image: url("");
}
#ActivateForHimDeodorant #productbody3 .imgbody3 {
  background-image: url("");
}
#ActivateForHimDeodorant #productBody4 .imgbody4-1 {
  background-image: url("");
}
#ActivateForHimDeodorant #productBody4 .imgbody4-2 {
  background-image: url("");
}

#MoveYourSpiritDeodorant #productBody1 .imgbody1 {
  background-image: url("");
}
#MoveYourSpiritDeodorant #productBody2 .imgbody2 {
  background-image: url("");
}
#MoveYourSpiritDeodorant #productBody2 .videobody2 {
  background-image: url("");
}
#MoveYourSpiritDeodorant #productbody3 .imgbody3 {
  background-image: url("");
}
#MoveYourSpiritDeodorant #productBody4 .imgbody4-1 {
  background-image: url("");
}
#MoveYourSpiritDeodorant #productBody4 .imgbody4-2 {
  background-image: url("");
}

#ActivateForHer #productBody1 .imgbody1 {
  background-image: url("");
}
#ActivateForHer #productBody2 .imgbody2 {
  background-image: url("");
}
#ActivateForHer #productBody2 .videobody2 {
  background-image: url("");
}
#ActivateForHer #productbody3 .imgbody3 {
  background-image: url("");
}
#ActivateForHer #productBody4 .imgbody4-1 {
  background-image: url("");
}
#ActivateForHer #productBody4 .imgbody4-2 {
  background-image: url("");
}

#Refresh #productBody1 .imgbody1 {
  background-image: url("");
}
#Refresh #productBody2 .imgbody2 {
  background-image: url("");
}
#Refresh #productBody2 .videobody2 {
  background-image: url("");
}
#Refresh #productbody3 .imgbody3 {
  background-image: url("");
}
#Refresh #productBody4 .imgbody4-1 {
  background-image: url("");
}
#Refresh #productBody4 .imgbody4-2 {
  background-image: url("");
}

#Reload #productBody1 .imgbody1 {
  background-image: url("");
}
#Reload #productBody2 .imgbody2 {
  background-image: url("");
}
#Reload #productBody2 .videobody2 {
  background-image: url("");
}
#Reload #productbody3 .imgbody3 {
  background-image: url("");
}
#Reload #productBody4 .imgbody4-1 {
  background-image: url("");
}
#Reload #productBody4 .imgbody4-2 {
  background-image: url("");
}

#ActivateBodyCare0 #productBody1 .imgbody1 {
  background-image: url("");
}
#ActivateBodyCare0 #productBody2 .imgbody2 {
  background-image: url("");
}
#ActivateBodyCare0 #productBody2 .videobody2 {
  background-image: url("");
}
#ActivateBodyCare0 #productbody3 .imgbody3 {
  background-image: url("");
}
#ActivateBodyCare0 #productBody4 .imgbody4-1 {
  background-image: url("");
}
#ActivateBodyCare0 #productBody4 .imgbody4-2 {
  background-image: url("");
}

#Aloe #productBody1 .imgbody1 {
  background-image: url("");
}
#Aloe #productBody2 .imgbody2 {
  background-image: url("");
}
#Aloe #productBody2 .videobody2 {
  background-image: url("");
}
#Aloe #productbody3 .imgbody3 {
  background-image: url("");
}
#Aloe #productBody4 .imgbody4-1 {
  background-image: url("");
}
#Aloe #productBody4 .imgbody4-2 {
  background-image: url("");
}

#Max #productBody1 .imgbody1 {
  background-image: url("");
}
#Max #productBody2 .imgbody2 {
  background-image: url("");
}
#Max #productBody2 .videobody2 {
  background-image: url("");
}
#Max #productbody3 .imgbody3 {
  background-image: url("");
}
#Max #productBody4 .imgbody4-1 {
  background-image: url("");
}
#Max #productBody4 .imgbody4-2 {
  background-image: url("");
}

#ActiveHydration #productBody1 .imgbody1 {
  background-image: url("img/PRE100_REEBOK MIST_EXTRAS4 ampliada-1.avif");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
#ActiveHydration #productBody2 .imgbody2 {
  background-image: url("img/products/ActivateHydration.avif");
  background-color: #BFDEE4;
  background-size: contain;
  background-repeat: no-repeat;
}
#ActiveHydration #productbody3 .imgbody3 {
  background-image: url("img/Coco_V4.avif");
  background-repeat: no-repeat;
}

#UltraCoolingRelief #productBody1 .imgbody1 {
  background-image: url("img/PRE101_REEBOK MIST_SECONDARY.avif");
  background-repeat: no-repeat;
}
#UltraCoolingRelief #productBody2 .imgbody2 {
  background-image: url("img/products/UltraCooling.avif");
  background-color: #C0D098;
  background-size: contain;
  background-repeat: no-repeat;
}
#UltraCoolingRelief #productbody3 .imgbody3 {
  background-image: url("img/melon_V5.avif");
  background-repeat: no-repeat;
}

#CaptivatingGlow #productBody1 .imgbody1 {
  background-image: url("img/PRE102_REEBOK MIST_SECONDARY ampliado-1.avif");
  background-repeat: no-repeat;
}
#CaptivatingGlow #productBody2 .imgbody2 {
  background-image: url("img/products/CaptivatingGlow.avif");
  background-color: #FBC7D7;
  background-size: contain;
  background-repeat: no-repeat;
}
#CaptivatingGlow #productbody3 .imgbody3 {
  background-image: url("img/pera_V6.avif");
  background-repeat: no-repeat;
}

#SereneSoftVibes #productBody1 .imgbody1 {
  background-image: url("img/PRE104_REEBOK MIST_EXTRAS4ampliado-1.avif");
  background-repeat: no-repeat;
}
#SereneSoftVibes #productBody2 .imgbody2 {
  background-image: url("img/products/SereneSoft.avif");
  background-repeat: no-repeat;
  background-color: #F3D798;
  background-size: contain;
}
#SereneSoftVibes #productbody3 .imgbody3 {
  background-image: url("img/mimosa_V5.avif");
  background-repeat: no-repeat;
}

#RevitalizingBoost #productBody1 .imgbody1 {
  background-image: url("img/ampliado-1.avif");
  background-repeat: no-repeat;
}
#RevitalizingBoost #productBody2 .imgbody2 {
  background-image: url("img/products/RevitalizingBoost.avif");
  background-color: #FB6C64;
  background-size: contain;
  background-repeat: no-repeat;
}
#RevitalizingBoost #productbody3 .imgbody3 {
  background-image: url("img/guayaba_V5.avif");
  background-repeat: no-repeat;
}

#WarmVibrant #productBody1 .imgbody1 {
  background-image: url("img/PRE102_REEBOK MIST_PRIMARY.avif");
  background-repeat: no-repeat;
}
#WarmVibrant #productBody2 .imgbody2 {
  background-image: url("img/products/WarmVibrant.avif");
  background-color: #DAD0F1;
  background-size: contain;
  background-repeat: no-repeat;
}
#WarmVibrant #productBody2 .videobody2 {
  background-image: url("img/PRE104_REEBOK MIST_GRUPALAMPLIADO-1.avif");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
#WarmVibrant #productbody3 .imgbody3 {
  background-image: url("img/Foto_estudio_lila_1.avif");
  background-repeat: no-repeat;
}

#BrightRechargin #productBody1 .imgbody1 {
  background-image: url("img/PRE104_REEBOK MIST_EXTRAS6.avif");
  background-repeat: no-repeat;
}
#BrightRechargin #productBody2 .imgbody2 {
  background-image: url("img/products/BrightRechargin.avif");
  background-color: #FFC671;
  background-size: contain;
  background-repeat: no-repeat;
}
#BrightRechargin #productBody2 .videobody2 {
  background-image: url("img/PRE101_REEBOK MIST_GRUPALampliado-1.avif");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
#BrightRechargin #productbody3 .imgbody3 {
  background-image: url("img/Foto_estudio_naranja.avif");
  background-repeat: no-repeat;
}

#philosophy1 {
  height: 100vh;
  background-image: url("img/REEBOK ICONIC_L_2_D_431.2.avif");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
#philosophy1 .philosophy1-1 {
  grid-row: 2;
  grid-column: 1/13;
  margin-left: 30px;
}
#philosophy1 .philosophy1-2 {
  grid-row: 4/7;
  grid-column: 1/13;
  margin-left: 30px;
  align-self: end;
  margin-bottom: 50px;
}

#philosophy2 {
  height: 750px;
  margin-top: 80px;
}
#philosophy2 .philosophy2-1 {
  margin-left: 30px;
  grid-column: 1/8;
  grid-row: 1/3;
}
#philosophy2 .philosophy2-2 {
  margin-left: 30px;
  grid-column: 1/8;
  grid-row: 3/7;
  align-self: end;
}
#philosophy2 .philosophy2-3 {
  grid-column: 8/13;
  grid-row: 1/7;
  background-image: url("img/REEBOK ICONIC_L_2_C_442.avif");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  margin: 0px 30px;
}

#philosophy3 {
  margin-top: 80px;
  height: 500px;
  background-image: url("img/PRE140_REFRESHBODY SPRAY 150ML ampliado.avif");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

#philosophy4 {
  margin-top: 80px;
  height: 650px;
}
#philosophy4 .philosophy4-1 {
  grid-column: 1/8;
  grid-row: 1/3;
  margin-left: 30px;
}
#philosophy4 .philosophy4-2 {
  grid-column: 1/8;
  grid-row: 3/5;
  margin-left: 30px;
}
#philosophy4 .philosophy4-3 {
  grid-column: 8/13;
  grid-row: 1/7;
  background-image: url("img/PRE141_RELOAD GEL.avif");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  margin: 0px 30px;
}
#philosophy4 .philosophy4-4 {
  grid-column: 1/8;
  grid-row: 5/7;
  margin-left: 30px;
}

#philosophy5 {
  margin-top: 100px;
  height: 500px;
  background-image: url("img/REEBOK_ACTIVATE-FRAGANCES_HER EXTRA AMPLIADO-1.avif");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
#philosophy5 .philosophy5-1 {
  margin-right: 30px;
  margin-bottom: 30px;
  grid-row: 3/7;
  grid-column: 1/13;
  align-self: end;
  justify-self: end;
}

#philosophy6 {
  margin-top: 80px;
  height: 550px;
}
#philosophy6 .philosophy6-1 {
  grid-column: 1/8;
  grid-row: 1/3;
  margin-left: 30px;
}
#philosophy6 .philosophy6-2 {
  grid-column: 1/8;
  grid-row: 3/7;
  margin-left: 30px;
}
#philosophy6 .philosophy6-3 {
  grid-column: 8/13;
  grid-row: 1/7;
  background-image: url("img/REEBOK_ACTIVATE-FRAGANCES_F02_HIM EXTRA.avif");
  background-size: cover;
  background-position: center;
  margin: 0px 30px;
  background-repeat: no-repeat;
}

#contact1 {
  height: 300px;
}
#contact1 .contact1-1 {
  grid-row: 2/4;
  grid-column: 1/13;
  align-content: center;
  justify-self: center;
}
#contact1 .contact1-2 {
  grid-row: 5;
  grid-column: 1/13;
  align-content: center;
  justify-self: center;
}

#contact2 {
  height: 300px;
}
#contact2 .contact2-1 {
  grid-column: 1/7;
  grid-row: 1/7;
  align-content: center;
  justify-self: center;
}
#contact2 .contact2-2 {
  grid-column: 7/13;
  grid-row: 1/7;
  align-content: center;
  justify-self: center;
}

#CoockiesPolicy {
  margin-left: 30px;
  margin-right: 30px;
}

#PrivacyPolicy {
  margin-left: 30px;
  margin-right: 30px;
}

#legalAdvice {
  margin-left: 30px;
  margin-right: 30px;
}

@media (max-width: 580px) {
  .fs-titleBlack {
    font-size: 50px;
    font-family: "NeuePlak-Black";
    line-height: 0.9;
    /* Ajusta el valor para reducir el espacio entre líneas */
  }
  .fs-titleBold {
    font-size: 50px;
    font-family: "NeuePlak-Bold";
    line-height: 0.9;
    /* Ajusta el valor para reducir el espacio entre líneas */
  }
  .fs-titleNormal {
    font-size: 50px;
    font-family: "NeuePlak-Normal";
    line-height: 0.9;
    /* Ajusta el valor para reducir el espacio entre líneas */
  }
  .fs-subtitleBlack {
    font-size: 25px;
    font-family: "NeuePlak-Black";
    line-height: 1;
    /* Ajusta el valor para reducir el espacio entre líneas */
  }
  .fs-subtitleBold {
    font-size: 25px;
    font-family: "NeuePlak-Bold";
    line-height: 1;
    /* Ajusta el valor para reducir el espacio entre líneas */
  }
  .fs-subtitleNormal {
    font-size: 25px;
    font-family: "NeuePlak-Normal";
    line-height: 1;
    /* Ajusta el valor para reducir el espacio entre líneas */
  }
  .fs-bigBlack {
    font-size: 18px;
    font-family: "NeuePlak-Black";
    line-height: 1;
    /* Ajusta el valor para reducir el espacio entre líneas */
  }
  .fs-bigBold {
    font-size: 18px;
    font-family: "NeuePlak-Bold";
    line-height: 1;
    /* Ajusta el valor para reducir el espacio entre líneas */
  }
  .fs-bigNormal {
    font-size: 18px;
    font-family: "NeuePlak-Normal";
    line-height: 1;
    /* Ajusta el valor para reducir el espacio entre líneas */
  }
  .fs-smallBlack {
    font-size: 14px;
    font-family: "NeuePlak-Black";
    line-height: 1;
    /* Ajusta el valor para reducir el espacio entre líneas */
  }
  .fs-smallBold {
    font-size: 14px;
    font-family: "NeuePlak-Bold";
    line-height: 1;
    /* Ajusta el valor para reducir el espacio entre líneas */
  }
  .fs-smallNormal {
    font-size: 14px;
    font-family: "NeuePlak-Normal";
    line-height: 1;
    /* Ajusta el valor para reducir el espacio entre líneas */
  }
  #menu .menu-options {
    padding: 0px 50px;
  }
  #menu .menu-options .menu-logo {
    background-size: cover;
    background-position: center;
    width: 100px;
    height: 30px;
    align-items: center;
  }
  #menu .menu-options .menu-icon {
    display: block;
  }
  #menu .menu-options .dropdown-container {
    display: none;
  }
  #menu .menu-dropdown {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: white;
    color: black;
    box-sizing: border-box;
  }
  #menu .menu-dropdown .dropdowncontainer-Main {
    width: 100%;
    height: 60%;
  }
  #menu .menu-dropdown .dropdowncontainer-Main .dropdown-container {
    display: block;
    padding: 10px 50px;
  }
  #menu .menu-dropdown .dropdowncontainer-Main .dropdown-container .dropdown {
    display: block;
    width: 100%;
  }
  #menu .menu-dropdown .dropdowncontainer-Main .dropdown-container .dropdown li {
    margin: 20px;
  }
  #menu .menu-dropdown .close-icon {
    display: flex;
    cursor: pointer;
    justify-content: space-between;
    padding: 27px 50px;
    height: 20%;
  }
  #menu .menu-dropdown .close-icon .logoDropdown img {
    background-size: cover;
    background-position: center;
    width: 100px;
    height: 30px;
    display: block;
  }
  #menu .menu-dropdown .menu-idioma {
    margin-top: auto;
    width: 100%;
    padding: 0 50px;
    display: flex;
    align-items: center;
    height: 20%;
  }
  #menu .menu-dropdown .menu-idioma ul {
    list-style: none;
    padding: 0;
    margin: 0;
  }
  #index-body1 .index-body1-text {
    grid-row: 1/7;
    grid-column: 1/13;
    margin-left: 30px;
    align-self: end;
    margin-bottom: 30px;
  }
  #index-body2 {
    height: 600px;
  }
  #index-body2 .index-body2-1 {
    grid-column: 1/7;
    grid-row: 1/4;
  }
  #index-body2 .index-body2-2 {
    grid-column: 7/13;
    grid-row: 1/4;
  }
  #index-body2 .index-body2-3 {
    grid-column: 1/7;
    grid-row: 4/7;
  }
  #index-body2 .index-body2-4 {
    grid-column: 7/13;
    grid-row: 4/7;
  }
  #index-body3 {
    height: 150px;
  }
  #index-body4 {
    height: 500px;
  }
  #index-body5 {
    width: 100%;
    height: 500px;
  }
  #index-body5 .index-body5-1 {
    grid-column: 1/13;
    grid-row: 1/7;
    display: flex;
    justify-content: center; /* Centra horizontalmente */
    align-items: center; /* Centra verticalmente */
  }
  #index-body5 .index-body5-1 .index-body5-1-text1 {
    display: none;
  }
  #index-body5 .index-body5-1 .index-body5-1-text2 {
    grid-column: 1/13;
    grid-row: 3/5;
    width: 150px;
    margin: 0px;
    color: black;
    background-color: white;
    text-align: center;
    height: 40px;
  }
  #index-body5 .index-body5-2 {
    grid-column: 1/13;
    grid-row: 1/4;
    background-size: cover;
    background-position: center;
    z-index: -1;
  }
  #index-body5 .index-body5-3 {
    grid-column: 1/13;
    grid-row: 4/7;
    background-size: cover;
    background-position: center;
    z-index: -1;
  }
  #index-body6 {
    height: 800px;
  }
  #index-body6 .index-body6-1 {
    grid-column: 1/13;
    grid-row: 1/4;
  }
  #index-body6 .index-body6-2 {
    grid-column: 1/13;
    grid-row: 4/7;
  }
  .mobileBodyProducts {
    height: 300px;
    margin-bottom: 30px;
  }
  .mobileBodyProducts .allproducts-body1 {
    grid-column: 1/7;
    grid-row: 1/7;
  }
  .mobileBodyProducts .allproducts-body1 .allproducts-body-1-text1 {
    grid-column: 1/13;
    grid-row: 1/6;
    background-color: #D9D9D9;
    background-position: center;
    background-size: cover;
  }
  .mobileBodyProducts .allproducts-body1 .allproducts-body-1-text2 {
    grid-column: 2/13;
    grid-row: 6;
    align-self: center;
  }
  .mobileBodyProducts .allproducts-body2 {
    grid-column: 7/13;
    grid-row: 1/7;
  }
  .mobileBodyProducts .allproducts-body2 .allproducts-body-2-text1 {
    grid-column: 1/13;
    grid-row: 1/6;
    background-color: #EDEDED;
    background-position: center;
    background-size: cover;
  }
  .mobileBodyProducts .allproducts-body2 .allproducts-body-2-text2 {
    grid-column: 2/13;
    grid-row: 6;
    align-self: center;
  }
  .mobileBodyProducts .imgP1 {
    background-image: url("img/products/ActivateHim.avif");
  }
  .mobileBodyProducts .imgP2 {
    background-image: url("img/products/MoveYourSpirit.avif");
  }
  .mobileBodyProducts .imgP3 {
    background-image: url("img/products/CoolYourBody.avif");
  }
  .mobileBodyProducts .imgP4 {
    background-image: url("img/products/activateHer.avif");
  }
  .mobileBodyProducts .imgP5 {
    background-image: url("img/products/InspireYourMind.avif");
  }
  .mobileBodyProducts .imgP6 {
    background-image: url("img/products/IconicRed.avif");
  }
  .mobileBodyProducts .imgP7 {
    background-image: url("img/products/IconicBlue.avif");
  }
  .mobileBodyProducts .imgP8 {
    background-image: url("img/products/IconicWhite.avif");
  }
  .mobileBodyProducts .imgP9 {
    background-image: url("img/products/DeodorantActivateForHim.avif");
  }
  .mobileBodyProducts .imgP10 {
    background-image: url("img/products/DeodorantMoveYourSpirit.avif");
  }
  .mobileBodyProducts .imgP11 {
    background-image: url("img/products/DeodorantCoolYourBody.avif");
  }
  .mobileBodyProducts .imgP12 {
    background-image: url("img/products/DeodorantActivateForHer.avif");
  }
  .mobileBodyProducts .imgP13 {
    background-image: url("img/products/DeodorantInspireYourMind.avif");
  }
  .mobileBodyProducts .imgP14 {
    background-image: url("img/products/DeodorantRefresh.avif");
  }
  .mobileBodyProducts .imgP15 {
    background-image: url("img/products/DeodorantReload.avif");
  }
  .mobileBodyProducts .imgP16 {
    background-image: url("img/products/Deodorant0.avif");
  }
  .mobileBodyProducts .imgP17 {
    background-image: url("img/products/Aloe.avif");
  }
  .mobileBodyProducts .imgP18 {
    background-image: url("img/products/Max.avif");
  }
  .mobileBodyProducts .imgP19 {
    background-image: url("img/products/PRE155_ACTIVATE GEL 250 MASC.avif");
  }
  .mobileBodyProducts .imgP20 {
    background-image: url("img/products/PRE022 REEBOK MOVE GEL 250ML MASC.avif");
  }
  .mobileBodyProducts .imgP21 {
    background-image: url("img/products/PR023 REEBOK COOL GEL 250ML MASC.avif");
  }
  .mobileBodyProducts .imgP22 {
    background-image: url("img/products/PRE154_ACTIVATE GEL 250 FEM-1.avif");
  }
  .mobileBodyProducts .imgP23 {
    background-image: url("img/products/inspire your mind 250ml gel.avif");
  }
  .mobileBodyProducts .imgP24 {
    background-image: url("img/products/RefreshGel250.avif");
  }
  .mobileBodyProducts .imgP25 {
    background-image: url("img/products/ReloadGel250ml.avif");
  }
  .mobileBodyProducts .imgP26 {
    background-image: url("img/products/ActivateHydration.avif");
  }
  .mobileBodyProducts .imgP27 {
    background-image: url("img/products/UltraCooling.avif");
  }
  .mobileBodyProducts .imgP28 {
    background-image: url("img/products/CaptivatingGlow.avif");
  }
  .mobileBodyProducts .imgP29 {
    background-image: url("img/products/SereneSoft.avif");
  }
  .mobileBodyProducts .imgP30 {
    background-image: url("img/products/RevitalizingBoost.avif");
  }
  .mobileBodyProducts .imgP31 {
    background-image: url("img/products/WarmVibrant.avif");
  }
  .mobileBodyProducts .imgP32 {
    background-image: url("img/products/BrightRechargin.avif");
  }
  #allproducts-subtitle {
    height: 70px;
    margin-left: 30px;
  }
  .margin-menu {
    padding-top: 120px;
  }
  #allproducts-title {
    height: 100px;
  }
  #mobileProducts {
    display: block;
  }
  #desktopProducts {
    display: none;
  }
  .productsHimLifeStyle {
    height: 1000px;
  }
  #collectionVideo .text1 {
    display: none;
  }
  #collectionVideo .text2 {
    align-self: end;
    margin-left: 30px;
    margin-bottom: 30px;
  }
  #collectionDescription {
    height: 200px;
  }
  #collectionDescription .textDescription {
    margin-left: 30px;
    grid-column: 1/13;
    margin-right: 30px;
  }
  #ForHimProducts {
    height: 1350px;
  }
  #ForHimProducts .img1ForHim {
    grid-column: 1/13;
    grid-row: 1;
    height: 380px;
  }
  #ForHimProducts .description1ForHim {
    grid-column: 1/13;
    grid-row: 2;
    height: 50px;
    margin-top: 20px;
  }
  #ForHimProducts .img2ForHim {
    grid-column: 1/13;
    grid-row: 3;
    height: 380px;
  }
  #ForHimProducts .description2ForHim {
    grid-column: 1/13;
    grid-row: 4;
    height: 50px;
    margin-top: 20px;
  }
  #ForHimProducts .img3ForHim {
    grid-column: 1/13;
    grid-row: 5;
    height: 380px;
  }
  #ForHimProducts .description3ForHim {
    grid-column: 1/13;
    grid-row: 6;
    height: 50px;
    margin-top: 20px;
  }
  #ForHimProducts2 {
    height: 1350px;
  }
  #ForHimProducts2 .img1ForHim {
    grid-column: 1/13;
    grid-row: 1;
    height: 380px;
  }
  #ForHimProducts2 .description1ForHim {
    grid-column: 1/13;
    grid-row: 2;
    height: 50px;
    margin-top: 20px;
  }
  #ForHimProducts2 .img2ForHim {
    grid-column: 1/13;
    grid-row: 3;
    height: 380px;
  }
  #ForHimProducts2 .description2ForHim {
    grid-column: 1/13;
    grid-row: 4;
    height: 50px;
    margin-top: 20px;
  }
  #ForHimProducts2 .img3ForHim {
    grid-column: 1/13;
    grid-row: 5;
    height: 380px;
  }
  #ForHimProducts2 .description3ForHim {
    grid-column: 1/13;
    grid-row: 6;
    height: 50px;
    margin-top: 20px;
  }
  #ForHimProducts3 {
    height: 450px;
  }
  #ForHimProducts3 .img1ForHim {
    grid-column: 1/13;
    grid-row: 1;
    height: 380px;
  }
  #ForHimProducts3 .description1ForHim {
    grid-column: 1/13;
    grid-row: 2;
    height: 50px;
    margin-top: 20px;
  }
  #ForHimProducts3 .img2ForHim {
    grid-column: 1/13;
    grid-row: 3;
    height: 380px;
  }
  #ForHimProducts3 .description2ForHim {
    grid-column: 1/13;
    grid-row: 4;
    height: 50px;
    margin-top: 20px;
  }
  #ForHimProducts3 .img3ForHim {
    grid-column: 1/13;
    grid-row: 5;
    height: 380px;
  }
  #ForHimProducts3 .description3ForHim {
    grid-column: 1/13;
    grid-row: 6;
    height: 50px;
    margin-top: 20px;
  }
  .productsHimPerformance2 {
    height: 500px !important;
  }
  #ForHerProducts {
    height: 900px;
  }
  #ForHerProducts .img1ForHer {
    grid-column: 1/13;
    grid-row: 1;
    height: 380px;
  }
  #ForHerProducts .description1ForHer {
    grid-column: 1/13;
    grid-row: 2;
    height: 50px;
    margin-top: 20px;
  }
  #ForHerProducts .img2ForHer {
    grid-column: 1/13;
    grid-row: 3;
    height: 380px;
  }
  #ForHerProducts .description2ForHer {
    grid-column: 1/13;
    grid-row: 4;
    height: 50px;
    margin-top: 20px;
  }
  #ForHerProducts .img3ForHer {
    grid-column: 1/13;
    grid-row: 5;
    height: 380px;
  }
  #ForHerProducts .description3ForHer {
    grid-column: 1/13;
    grid-row: 6;
    height: 50px;
    margin-top: 20px;
  }
  #productBody1 {
    margin: 0;
    height: 700px;
  }
  #productBody1 .text1 {
    grid-column: 2/13;
    grid-row: 1;
  }
  #productBody1 .text2 {
    grid-column: 2/13;
    grid-row: 1/3;
    align-self: center;
    margin: 0;
  }
  #productBody1 .text3 {
    grid-row: 6;
    grid-column: 2/13;
    align-self: center;
  }
  #productBody1 .imgbody1 {
    grid-column: 2/12;
    grid-row: 3/6;
    margin: 0;
    background-size: cover;
    background-position: center;
  }
  #productBody2 {
    height: 800px;
    margin-bottom: 50px;
  }
  #productBody2 .imgbody2 {
    grid-row: 1/4;
    grid-column: 1/13;
  }
  #productBody2 .videobody2 {
    grid-row: 4/7;
    grid-column: 1/13;
  }
  #productbody3 {
    height: 650px;
    margin-bottom: 50px;
  }
  #productbody3 .text1 {
    grid-row: 1;
    grid-column: 2/13;
    margin-bottom: 30px;
  }
  #productbody3 .text2 {
    grid-row: 2;
    grid-column: 2/6;
    margin-bottom: 30px;
  }
  #productbody3 .text3 {
    grid-row: 2;
    grid-column: 5/13;
    margin-bottom: 50px;
  }
  #productbody3 .imgbody3 {
    grid-row: 3/7;
    grid-column: 2/12;
    margin: 0;
  }
  #productBody4 {
    height: 800px;
    margin-bottom: 50px;
  }
  #productBody4 .imgbody4-1 {
    grid-column: 1/13;
    grid-row: 1/4;
  }
  #productBody4 .imgbody4-2 {
    grid-column: 1/13;
    grid-row: 4/7;
  }
  #philosophy1 {
    height: 100vh;
    background-image: url("img/REEBOK ICONIC_L_2_D_431.2-2.avif");
    background-size: cover;
    background-position: center;
  }
  #philosophy1 .philosophy1-1 {
    grid-row: 4;
  }
  #philosophy1 .philosophy1-2 {
    margin: 0px 0px 20px 30px;
  }
  #philosophy2 {
    height: 850px;
    margin-top: 30px;
  }
  #philosophy2 .philosophy2-1 {
    grid-column: 1/13;
    grid-row: 1/3;
    margin: 0px 30px;
    height: 200px;
  }
  #philosophy2 .philosophy2-3 {
    grid-column: 1/13;
    grid-row: 3/5;
    height: 300px;
  }
  #philosophy2 .philosophy2-2 {
    grid-column: 1/13;
    grid-row: 5/7;
    margin: 30px;
    height: 300px;
  }
  #philosophy3 {
    margin: 0px;
    height: 200px;
  }
  #philosophy4 {
    height: 650px;
    margin: 50px 0px;
  }
  #philosophy4 .philosophy4-1 {
    grid-row: 1;
    grid-column: 1/13;
  }
  #philosophy4 .philosophy4-2 {
    grid-row: 2;
    grid-column: 1/13;
    margin: 0px 30px;
  }
  #philosophy4 .philosophy4-3 {
    grid-row: 3/6;
    grid-column: 1/13;
    margin: 30px;
  }
  #philosophy4 .philosophy4-4 {
    grid-row: 6;
    grid-column: 1/13;
    margin: 0px 30px;
  }
  #philosophy5 {
    margin: 0;
    height: 200px;
  }
  #philosophy6 .philosophy6-3 {
    grid-column: 1/13;
    grid-row: 1/4;
  }
  #philosophy6 .philosophy6-1 {
    grid-column: 1/13;
    grid-row: 4;
    margin-top: 30px;
  }
  #philosophy6 .philosophy6-2 {
    grid-column: 1/13;
    grid-row: 5/7;
    margin: 0px 30px;
  }
  #footer {
    height: 80px;
    margin-left: 10px;
    margin-right: 10px;
  }
  #contact2 {
    height: 400px;
  }
  #contact2 .contact2-1 {
    grid-column: 1/13;
    grid-row: 1/4;
  }
  #contact2 .contact2-2 {
    grid-column: 1/13;
    grid-row: 4/7;
  }
}
@media (min-width: 581px) and (max-width: 799px) {
  .fs-titleBlack {
    font-size: 60px;
    font-family: "NeuePlak-Black";
    line-height: 0.9;
    /* Ajusta el valor para reducir el espacio entre líneas */
  }
  .fs-titleBold {
    font-size: 60px;
    font-family: "NeuePlak-Bold";
    line-height: 0.9;
    /* Ajusta el valor para reducir el espacio entre líneas */
  }
  .fs-titleNormal {
    font-size: 60px;
    font-family: "NeuePlak-Normal";
    line-height: 0.9;
    /* Ajusta el valor para reducir el espacio entre líneas */
  }
  .fs-subtitleBlack {
    font-size: 30px;
    font-family: "NeuePlak-Black";
    line-height: 1;
    /* Ajusta el valor para reducir el espacio entre líneas */
  }
  .fs-subtitleBold {
    font-size: 30px;
    font-family: "NeuePlak-Bold";
    line-height: 1;
    /* Ajusta el valor para reducir el espacio entre líneas */
  }
  .fs-subtitleNormal {
    font-size: 30px;
    font-family: "NeuePlak-Normal";
    line-height: 1;
    /* Ajusta el valor para reducir el espacio entre líneas */
  }
  .fs-bigBlack {
    font-size: 20px;
    font-family: "NeuePlak-Black";
    line-height: 1;
    /* Ajusta el valor para reducir el espacio entre líneas */
  }
  .fs-bigBold {
    font-size: 20px;
    font-family: "NeuePlak-Bold";
    line-height: 1;
    /* Ajusta el valor para reducir el espacio entre líneas */
  }
  .fs-bigNormal {
    font-size: 20px;
    font-family: "NeuePlak-Normal";
    line-height: 1;
    /* Ajusta el valor para reducir el espacio entre líneas */
  }
  .fs-smallBlack {
    font-size: 15px;
    font-family: "NeuePlak-Black";
    line-height: 1;
    /* Ajusta el valor para reducir el espacio entre líneas */
  }
  .fs-smallBold {
    font-size: 15px;
    font-family: "NeuePlak-Bold";
    line-height: 1;
    /* Ajusta el valor para reducir el espacio entre líneas */
  }
  .fs-smallNormal {
    font-size: 15px;
    font-family: "NeuePlak-Normal";
    line-height: 1;
    /* Ajusta el valor para reducir el espacio entre líneas */
  }
  #menu .menu-options {
    padding: 0px 50px;
  }
  #menu .menu-options .menu-logo {
    background-size: cover;
    background-position: center;
    width: 100px;
    height: 30px;
    align-items: center;
  }
  #menu .menu-options .menu-icon {
    display: block;
  }
  #menu .menu-options .dropdown-container {
    display: none;
  }
  #menu .menu-dropdown {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: white;
    color: black;
    box-sizing: border-box;
  }
  #menu .menu-dropdown .dropdowncontainer-Main {
    width: 100%;
    height: 60%;
  }
  #menu .menu-dropdown .dropdowncontainer-Main .dropdown-container {
    display: block;
    padding: 10px 50px;
  }
  #menu .menu-dropdown .dropdowncontainer-Main .dropdown-container .dropdown {
    display: block;
    width: 100%;
  }
  #menu .menu-dropdown .dropdowncontainer-Main .dropdown-container .dropdown li {
    margin: 20px;
  }
  #menu .menu-dropdown .close-icon {
    display: flex;
    cursor: pointer;
    justify-content: space-between;
    padding: 27px 50px;
    height: 20%;
  }
  #menu .menu-dropdown .close-icon .logoDropdown img {
    background-size: cover;
    background-position: center;
    width: 100px;
    height: 30px;
    display: block;
  }
  #menu .menu-dropdown .menu-idioma {
    margin-top: auto;
    width: 100%;
    padding: 0 50px;
    display: flex;
    align-items: center;
    height: 20%;
  }
  #menu .menu-dropdown .menu-idioma ul {
    list-style: none;
    padding: 0;
    margin: 0;
  }
  #index-body1 .index-body1-text {
    grid-row: 1/7;
    grid-column: 1/13;
    margin-left: 30px;
    align-self: end;
    margin-bottom: 30px;
  }
  #index-body2 {
    height: 700px;
  }
  #index-body2 .index-body2-1 {
    grid-column: 1/7;
    grid-row: 1/4;
  }
  #index-body2 .index-body2-2 {
    grid-column: 7/13;
    grid-row: 1/4;
  }
  #index-body2 .index-body2-3 {
    grid-column: 1/7;
    grid-row: 4/7;
  }
  #index-body2 .index-body2-4 {
    grid-column: 7/13;
    grid-row: 4/7;
  }
  #index-body3 {
    height: 150px;
  }
  #index-body4 {
    height: 600px;
  }
  #index-body5 {
    width: 100%;
    height: 500px;
  }
  #index-body5 .index-body5-1 {
    grid-column: 1/5;
    grid-row: 1/7;
  }
  #index-body5 .index-body5-1 .index-body5-1-text1 {
    grid-column: 2/13;
    grid-row: 2;
    align-self: center;
  }
  #index-body5 .index-body5-1 .index-body5-1-text2 {
    grid-column: 2/13;
    grid-row: 5;
    width: 120px;
    color: white;
    background-color: black;
    align-content: center;
    align-self: center;
    text-align: center;
    height: 40px;
  }
  #index-body5 .index-body5-2 {
    grid-column: 5/13;
    grid-row: 1/4;
    background-size: cover;
    background-position: center;
    background-image: url("img/REEBOK_2024_SET02_0943.avif");
  }
  #index-body5 .index-body5-3 {
    grid-column: 5/13;
    grid-row: 4/7;
    background-size: cover;
    background-position: center;
    background-color: blue;
  }
  #index-body6 {
    height: 800px;
  }
  #index-body6 .index-body6-1 {
    grid-column: 1/13;
    grid-row: 1/4;
  }
  #index-body6 .index-body6-2 {
    grid-column: 1/13;
    grid-row: 4/7;
  }
  .mobileBodyProducts {
    height: 400px;
    margin-bottom: 30px;
  }
  .mobileBodyProducts .allproducts-body1 {
    grid-column: 1/7;
    grid-row: 1/7;
  }
  .mobileBodyProducts .allproducts-body1 .allproducts-body-1-text1 {
    grid-column: 1/13;
    grid-row: 1/6;
    background-color: #D9D9D9;
    background-position: center;
    background-size: contain;
  }
  .mobileBodyProducts .allproducts-body1 .allproducts-body-1-text2 {
    grid-column: 2/13;
    grid-row: 6;
    align-self: center;
  }
  .mobileBodyProducts .allproducts-body2 {
    grid-column: 7/13;
    grid-row: 1/7;
  }
  .mobileBodyProducts .allproducts-body2 .allproducts-body-2-text1 {
    grid-column: 1/13;
    grid-row: 1/6;
    background-color: #EDEDED;
    background-position: center;
    background-size: contain;
  }
  .mobileBodyProducts .allproducts-body2 .allproducts-body-2-text2 {
    grid-column: 2/13;
    grid-row: 6;
    align-self: center;
  }
  .mobileBodyProducts .imgP1 {
    background-image: url("img/products/ActivateHim.avif");
  }
  .mobileBodyProducts .imgP2 {
    background-image: url("img/products/MoveYourSpirit.avif");
  }
  .mobileBodyProducts .imgP3 {
    background-image: url("img/products/CoolYourBody.avif");
  }
  .mobileBodyProducts .imgP4 {
    background-image: url("img/products/activateHer.avif");
  }
  .mobileBodyProducts .imgP5 {
    background-image: url("img/products/InspireYourMind.avif");
  }
  .mobileBodyProducts .imgP6 {
    background-image: url("img/products/IconicRed.avif");
  }
  .mobileBodyProducts .imgP7 {
    background-image: url("img/products/IconicBlue.avif");
  }
  .mobileBodyProducts .imgP8 {
    background-image: url("img/products/IconicWhite.avif");
  }
  .mobileBodyProducts .imgP9 {
    background-image: url("img/products/DeodorantActivateForHim.avif");
  }
  .mobileBodyProducts .imgP10 {
    background-image: url("img/products/DeodorantMoveYourSpirit.avif");
  }
  .mobileBodyProducts .imgP11 {
    background-image: url("img/products/DeodorantCoolYourBody.avif");
  }
  .mobileBodyProducts .imgP12 {
    background-image: url("img/products/DeodorantActivateForHer.avif");
  }
  .mobileBodyProducts .imgP13 {
    background-image: url("img/products/DeodorantInspireYourMind.avif");
  }
  .mobileBodyProducts .imgP14 {
    background-image: url("img/products/DeodorantRefresh.avif");
  }
  .mobileBodyProducts .imgP15 {
    background-image: url("img/products/DeodorantReload.avif");
  }
  .mobileBodyProducts .imgP16 {
    background-image: url("img/products/Deodorant0.avif");
  }
  .mobileBodyProducts .imgP17 {
    background-image: url("img/products/Aloe.avif");
  }
  .mobileBodyProducts .imgP18 {
    background-image: url("img/products/Max.avif");
  }
  .mobileBodyProducts .imgP19 {
    background-image: url("img/products/PRE155_ACTIVATE GEL 250 MASC.avif");
  }
  .mobileBodyProducts .imgP20 {
    background-image: url("img/products/PRE022 REEBOK MOVE GEL 250ML MASC.avif");
  }
  .mobileBodyProducts .imgP21 {
    background-image: url("img/products/PR023 REEBOK COOL GEL 250ML MASC.avif");
  }
  .mobileBodyProducts .imgP22 {
    background-image: url("img/products/PRE154_ACTIVATE GEL 250 FEM-1.avif");
  }
  .mobileBodyProducts .imgP23 {
    background-image: url("img/products/inspire your mind 250ml gel.avif");
  }
  .mobileBodyProducts .imgP24 {
    background-image: url("img/products/RefreshGel250.avif");
  }
  .mobileBodyProducts .imgP25 {
    background-image: url("img/products/ReloadGel250ml.avif");
  }
  .mobileBodyProducts .imgP26 {
    background-image: url("img/products/ActivateHydration.avif");
  }
  .mobileBodyProducts .imgP27 {
    background-image: url("img/products/UltraCooling.avif");
  }
  .mobileBodyProducts .imgP28 {
    background-image: url("img/products/CaptivatingGlow.avif");
  }
  .mobileBodyProducts .imgP29 {
    background-image: url("img/products/SereneSoft.avif");
  }
  .mobileBodyProducts .imgP30 {
    background-image: url("img/products/RevitalizingBoost.avif");
  }
  .mobileBodyProducts .imgP31 {
    background-image: url("img/products/WarmVibrant.avif");
  }
  .mobileBodyProducts .imgP32 {
    background-image: url("img/products/BrightRechargin.avif");
  }
  #allproducts-subtitle {
    height: 50px;
    margin-left: 30px;
  }
  .margin-menu {
    padding-top: 120px;
  }
  #allproducts-title {
    height: 100px;
  }
  #mobileProducts {
    display: block;
  }
  #desktopProducts {
    display: none;
  }
  #collectionVideo .text1 {
    display: none;
  }
  #collectionVideo .text2 {
    align-self: end;
    margin-left: 30px;
    margin-bottom: 30px;
  }
  #collectionDescription {
    height: 200px;
  }
  #collectionDescription .textDescription {
    margin-left: 30px;
  }
  #ForHimProducts {
    height: 350px;
    margin-bottom: 50px;
  }
  #ForHimProducts .img1ForHim {
    background-size: cover;
  }
  #ForHimProducts .img2ForHim {
    background-size: cover;
  }
  #ForHimProducts .img3ForHim {
    background-size: cover;
  }
  #ForHimProducts2 {
    height: 350px;
    margin-bottom: 50px;
  }
  #ForHimProducts2 .img1ForHim {
    background-size: cover;
  }
  #ForHimProducts2 .img2ForHim {
    background-size: cover;
  }
  #ForHimProducts2 .img3ForHim {
    background-size: cover;
  }
  #ForHimProducts3 {
    height: 350px;
    margin-bottom: 50px;
  }
  #ForHimProducts3 .img1ForHim {
    background-size: cover;
  }
  #ForHimProducts3 .img2ForHim {
    background-size: cover;
  }
  #ForHimProducts3 .img3ForHim {
    background-size: cover;
  }
  #ForHerProducts {
    height: 350px;
    margin-bottom: 50px;
  }
  #ForHerProducts .img1ForHer {
    background-size: cover;
  }
  #ForHerProducts .img2ForHer {
    background-size: cover;
  }
  #ForHerProducts .img3ForHer {
    background-size: cover;
  }
  #productBody1 {
    margin: 0;
    height: 800px;
  }
  #productBody1 .text1 {
    grid-column: 2/13;
    grid-row: 1;
  }
  #productBody1 .text2 {
    grid-column: 2/13;
    grid-row: 1/3;
    align-self: center;
    margin: 0;
  }
  #productBody1 .text3 {
    grid-row: 6;
    grid-column: 2/13;
    align-self: center;
  }
  #productBody1 .imgbody1 {
    grid-column: 2/12;
    grid-row: 3/6;
    margin: 0;
    background-size: cover;
    background-position: center;
  }
  #productBody2 {
    height: 1000px;
    margin-bottom: 50px;
  }
  #productBody2 .imgbody2 {
    grid-row: 1/4;
    grid-column: 1/13;
  }
  #productBody2 .videobody2 {
    grid-row: 4/7;
    grid-column: 1/13;
  }
  #productbody3 {
    height: 800px;
    margin-bottom: 50px;
  }
  #productbody3 .text1 {
    grid-row: 1;
    grid-column: 2/13;
    margin-bottom: 30px;
  }
  #productbody3 .text2 {
    grid-row: 2;
    grid-column: 2/6;
    margin-bottom: 30px;
  }
  #productbody3 .text3 {
    grid-row: 2;
    grid-column: 7/13;
    margin: 0;
  }
  #productbody3 .imgbody3 {
    grid-row: 3/7;
    grid-column: 2/12;
    margin: 0;
  }
  #productBody4 {
    height: 900px;
    margin-bottom: 50px;
  }
  #productBody4 .imgbody4-1 {
    grid-column: 1/13;
    grid-row: 1/4;
  }
  #productBody4 .imgbody4-2 {
    grid-column: 1/13;
    grid-row: 4/7;
  }
  #philosophy1 {
    height: 700px;
    background-image: url("img/REEBOK ICONIC_L_2_D_431.2-2.avif");
    background-size: cover;
    background-position: center;
  }
  #philosophy1 .philosophy1-1 {
    grid-row: 4;
  }
  #philosophy1 .philosophy1-2 {
    margin: 0px 0px 20px 30px;
  }
  #philosophy2 {
    height: 800px;
    margin-top: 30px;
  }
  #philosophy2 .philosophy2-1 {
    grid-column: 1/13;
    grid-row: 1/3;
    margin: 0px 30px;
    height: 200px;
  }
  #philosophy2 .philosophy2-3 {
    grid-column: 1/13;
    grid-row: 3/5;
    height: 300px;
  }
  #philosophy2 .philosophy2-2 {
    grid-column: 1/13;
    grid-row: 5/7;
    margin: 30px;
    height: 300px;
  }
  #philosophy3 {
    margin: 0px;
    height: 300px;
  }
  #philosophy4 {
    height: 800px;
    margin: 50px 0px;
  }
  #philosophy4 .philosophy4-1 {
    grid-row: 1;
    grid-column: 1/13;
  }
  #philosophy4 .philosophy4-2 {
    grid-row: 2;
    grid-column: 1/13;
    margin: 0px 30px;
  }
  #philosophy4 .philosophy4-3 {
    grid-row: 3/6;
    grid-column: 1/13;
    margin: 30px;
  }
  #philosophy4 .philosophy4-4 {
    grid-row: 6;
    grid-column: 1/13;
    margin: 0px 30px;
  }
  #philosophy5 {
    margin: 0;
    height: 300px;
  }
  #philosophy6 {
    height: 800px;
  }
  #philosophy6 .philosophy6-3 {
    grid-column: 1/13;
    grid-row: 1/4;
  }
  #philosophy6 .philosophy6-1 {
    grid-column: 1/13;
    grid-row: 4;
    margin-top: 30px;
  }
  #philosophy6 .philosophy6-2 {
    grid-column: 1/13;
    grid-row: 5/7;
    margin: 0px 30px;
  }
  #footer {
    height: 80px;
    margin-top: 30px;
  }
}
@media (min-width: 799px) and (max-width: 1179px) {
  .fs-titleBlack {
    font-size: 90px;
    font-family: "NeuePlak-Black";
    line-height: 0.9;
    /* Ajusta el valor para reducir el espacio entre líneas */
  }
  .fs-titleBold {
    font-size: 90px;
    font-family: "NeuePlak-Bold";
    line-height: 0.9;
    /* Ajusta el valor para reducir el espacio entre líneas */
  }
  .fs-titleNormal {
    font-size: 90px;
    font-family: "NeuePlak-Normal";
    line-height: 0.9;
    /* Ajusta el valor para reducir el espacio entre líneas */
  }
  .fs-subtitleBlack {
    font-size: 45px;
    font-family: "NeuePlak-Black";
    line-height: 1;
    /* Ajusta el valor para reducir el espacio entre líneas */
  }
  .fs-subtitleBold {
    font-size: 45px;
    font-family: "NeuePlak-Bold";
    line-height: 1;
    /* Ajusta el valor para reducir el espacio entre líneas */
  }
  .fs-subtitleNormal {
    font-size: 45px;
    font-family: "NeuePlak-Normal";
    line-height: 1;
    /* Ajusta el valor para reducir el espacio entre líneas */
  }
  .fs-bigBlack {
    font-size: 25px;
    font-family: "NeuePlak-Black";
    line-height: 1;
    /* Ajusta el valor para reducir el espacio entre líneas */
  }
  .fs-bigBold {
    font-size: 25px;
    font-family: "NeuePlak-Bold";
    line-height: 1;
    /* Ajusta el valor para reducir el espacio entre líneas */
  }
  .fs-bigNormal {
    font-size: 25px;
    font-family: "NeuePlak-Normal";
    line-height: 1;
    /* Ajusta el valor para reducir el espacio entre líneas */
  }
  .fs-smallBlack {
    font-size: 15px;
    font-family: "NeuePlak-Black";
    line-height: 1;
    /* Ajusta el valor para reducir el espacio entre líneas */
  }
  .fs-smallBold {
    font-size: 15px;
    font-family: "NeuePlak-Bold";
    line-height: 1;
    /* Ajusta el valor para reducir el espacio entre líneas */
  }
  .fs-smallNormal {
    font-size: 15px;
    font-family: "NeuePlak-Normal";
    line-height: 1;
    /* Ajusta el valor para reducir el espacio entre líneas */
  }
  #menu .menu-options .dropdown-container {
    position: relative;
    cursor: pointer;
  }
  #menu .menu-options .dropdown-container .dropdown {
    position: absolute;
    top: calc(100% + 10px);
    left: 0;
    padding: 10px 0;
    list-style: none;
    display: none;
  }
  #menu .menu-options .dropdown-container .dropdown li {
    padding: 4px 15px;
    cursor: pointer;
  }
  #menu .menu-options .dropdown-container.menu-collections .dropdown {
    width: 150px;
  }
  #menu .menu-options .dropdown-container.menu-fragances .dropdown {
    width: 150px;
  }
  #menu .menu-options .dropdown-container.menu-about .dropdown {
    width: 100px;
  }
  #menu .menu-options .dropdown-container.menu-idioma .dropdown {
    width: 100px;
  }
  #index-body2 {
    height: 300px;
  }
  #index-body3 {
    height: 200px;
  }
  #index-body4 {
    height: 600px;
  }
  #index-body5 {
    height: 400px;
  }
  #index-body6 {
    height: 500px;
  }
  #allproducts-body {
    height: 420px;
  }
  #allproducts-body .allproducts-body-1 .allproducts-body-1-text1 {
    background-size: cover;
    background-position: center;
  }
  #allproducts-body .allproducts-body-2 .allproducts-body-2-text1 {
    background-size: cover;
    background-position: center;
  }
  #allproducts-body .allproducts-body-3 .allproducts-body-3-text1 {
    background-size: cover;
    background-position: center;
  }
  #productBody1 {
    height: 400px;
  }
  #productBody2 {
    height: 500px;
  }
  #productbody3 {
    height: 400px;
  }
  #productBody4 {
    height: 500px;
  }
  #ForHimProducts {
    height: 400px;
  }
  #ForHimProducts .img1ForHim {
    background-size: cover;
    background-position: center;
  }
  #ForHimProducts .img2ForHim {
    background-size: cover;
    background-position: center;
  }
  #ForHimProducts .img3ForHim {
    background-size: cover;
    background-position: center;
  }
  #ForHimProducts2 {
    height: 400px;
  }
  #ForHimProducts2 .img1ForHim {
    background-size: cover;
    background-position: center;
  }
  #ForHimProducts2 .img2ForHim {
    background-size: cover;
    background-position: center;
  }
  #ForHimProducts2 .img3ForHim {
    background-size: cover;
    background-position: center;
  }
  #ForHimProducts3 {
    height: 400px;
  }
  #ForHimProducts3 .img1ForHim {
    background-size: cover;
    background-position: center;
  }
  #ForHimProducts3 .img2ForHim {
    background-size: cover;
    background-position: center;
  }
  #ForHimProducts3 .img3ForHim {
    background-size: cover;
    background-position: center;
  }
  #ForHerProducts {
    height: 400px;
  }
  #ForHerProducts .img1ForHer {
    background-size: cover;
    background-position: center;
  }
  #ForHerProducts .img2ForHer {
    background-size: cover;
    background-position: center;
  }
  #ForHerProducts .img3ForHer {
    background-size: cover;
    background-position: center;
  }
  #philosophy1 {
    height: 750px;
  }
  #philosophy2 {
    height: 600px;
  }
  #philosophy3 {
    height: 500px;
  }
  #philosophy4 {
    height: 600px;
  }
  #philosophy5 {
    height: 500px;
  }
}
@media (min-width: 1600px) and (max-width: 1999px) {
  .fs-titleBlack {
    font-size: 110px;
    font-family: "NeuePlak-Black";
    line-height: 0.9;
    /* Ajusta el valor para reducir el espacio entre líneas */
  }
  .fs-titleBold {
    font-size: 110px;
    font-family: "NeuePlak-Bold";
    line-height: 0.9;
    /* Ajusta el valor para reducir el espacio entre líneas */
  }
  .fs-titleNormal {
    font-size: 110px;
    font-family: "NeuePlak-Normal";
    line-height: 0.9;
    /* Ajusta el valor para reducir el espacio entre líneas */
  }
  .fs-subtitleBlack {
    font-size: 60px;
    font-family: "NeuePlak-Black";
    line-height: 1;
    /* Ajusta el valor para reducir el espacio entre líneas */
  }
  .fs-subtitleBold {
    font-size: 60px;
    font-family: "NeuePlak-Bold";
    line-height: 1;
    /* Ajusta el valor para reducir el espacio entre líneas */
  }
  .fs-subtitleNormal {
    font-size: 60px;
    font-family: "NeuePlak-Normal";
    line-height: 1;
    /* Ajusta el valor para reducir el espacio entre líneas */
  }
  .fs-bigBlack {
    font-size: 40px;
    font-family: "NeuePlak-Black";
    line-height: 1;
    /* Ajusta el valor para reducir el espacio entre líneas */
  }
  .fs-bigBold {
    font-size: 40px;
    font-family: "NeuePlak-Bold";
    line-height: 1;
    /* Ajusta el valor para reducir el espacio entre líneas */
  }
  .fs-bigNormal {
    font-size: 40px;
    font-family: "NeuePlak-Normal";
    line-height: 1;
    /* Ajusta el valor para reducir el espacio entre líneas */
  }
  .fs-smallBlack {
    font-size: 20px;
    font-family: "NeuePlak-Black";
    line-height: 1;
    /* Ajusta el valor para reducir el espacio entre líneas */
  }
  .fs-smallBold {
    font-size: 20px;
    font-family: "NeuePlak-Bold";
    line-height: 1;
    /* Ajusta el valor para reducir el espacio entre líneas */
  }
  .fs-smallNormal {
    font-size: 20px;
    font-family: "NeuePlak-Normal";
    line-height: 1;
    /* Ajusta el valor para reducir el espacio entre líneas */
  }
  #menu .menu-options .menu-logo {
    background-size: cover;
    background-position: center;
    width: 150px;
    height: 50px;
  }
  #menu .menu-options .dropdown-container.menu-collections .dropdown {
    width: 220px;
  }
  #menu .menu-options .dropdown-container.menu-fragances .dropdown {
    width: 180px;
  }
  #menu .menu-options .dropdown-container.menu-about .dropdown {
    width: 160px;
  }
  #menu .menu-options .dropdown-container.menu-idioma .dropdown {
    width: 110px;
  }
  #index-body1 {
    height: 800px;
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: repeat(6, 1fr);
    height: 100vh;
  }
  #index-body5 {
    width: 100%;
    height: 550px;
  }
  #index-body5 .index-body5-2 .index-body5-2-text1 {
    background-size: contain;
    background-position: center;
  }
  #index-body5 .index-body5-3 .index-body5-3-text1 {
    background-size: contain;
    background-position: center;
  }
  #index-body5 .index-body5-4 .index-body5-4-text1 {
    background-size: contain;
    background-position: center;
  }
  #allproducts-body {
    height: 530px;
  }
  #allproducts-body .allproducts-body-1 {
    grid-column: 1/5;
    grid-row: 1/7;
  }
  #allproducts-body .allproducts-body-1 .allproducts-body-1-text1 {
    grid-column: 1/13;
    grid-row: 1/6;
    background-size: contain;
    background-position: center;
  }
  #allproducts-body .allproducts-body-1 .allproducts-body-1-text2 {
    grid-column: 1/13;
    grid-row: 6;
    margin: 20px 30px;
  }
  #allproducts-body .allproducts-body-2 {
    grid-column: 5/9;
    grid-row: 1/7;
  }
  #allproducts-body .allproducts-body-2 .allproducts-body-2-text1 {
    grid-column: 1/13;
    grid-row: 1/6;
    background-size: contain;
    background-position: center;
  }
  #allproducts-body .allproducts-body-2 .allproducts-body-2-text2 {
    grid-column: 1/13;
    grid-row: 6;
    margin: 20px 30px;
  }
  #allproducts-body .allproducts-body-3 {
    grid-column: 9/13;
    grid-row: 1/7;
  }
  #allproducts-body .allproducts-body-3 .allproducts-body-3-text1 {
    grid-column: 1/13;
    grid-row: 1/6;
    background-size: contain;
    background-position: center;
  }
  #allproducts-body .allproducts-body-3 .allproducts-body-3-text2 {
    grid-column: 1/13;
    grid-row: 6;
    margin: 20px 30px;
  }
  #productBody1 .imgbody1 {
    background-size: cover;
  }
  #productBody2 {
    height: 700px;
  }
  #productbody3 {
    height: 600px;
  }
  #productBody4 {
    height: 700px;
  }
  #ForHimProducts {
    height: 550px;
  }
  #ForHimProducts .img1ForHim {
    background-size: contain;
    background-position: center;
  }
  #ForHimProducts .img2ForHim {
    background-size: contain;
    background-position: center;
  }
  #ForHimProducts .img3ForHim {
    background-size: contain;
    background-position: center;
  }
  #ForHimProducts2 {
    height: 550px;
  }
  #ForHimProducts2 .img1ForHim {
    background-size: contain;
    background-position: center;
  }
  #ForHimProducts2 .img2ForHim {
    background-size: contain;
    background-position: center;
  }
  #ForHimProducts2 .img3ForHim {
    background-size: contain;
    background-position: center;
  }
  #ForHimProducts3 {
    height: 550px;
  }
  #ForHimProducts3 .img1ForHim {
    background-size: contain;
    background-position: center;
  }
  #ForHimProducts3 .img2ForHim {
    background-size: contain;
    background-position: center;
  }
  #ForHimProducts3 .img3ForHim {
    background-size: contain;
    background-position: center;
  }
  #ForHerProducts {
    height: 550px;
  }
  #ForHerProducts .img1ForHer {
    background-size: contain;
    background-position: center;
  }
  #ForHerProducts .img2ForHer {
    background-size: contain;
    background-position: center;
  }
  #ForHerProducts .img3ForHer {
    background-size: contain;
    background-position: center;
  }
  #philosophy3 {
    height: 600px;
  }
  #philosophy5 {
    height: 600px;
  }
  #contact1 {
    height: 500px;
  }
  #contact2 {
    height: 500px;
  }
}
@media (min-width: 2000px) and (max-width: 2599px) {
  .fs-titleBlack {
    font-size: 125px;
    font-family: "NeuePlak-Black";
    line-height: 0.9;
    /* Ajusta el valor para reducir el espacio entre líneas */
  }
  .fs-titleBold {
    font-size: 125px;
    font-family: "NeuePlak-Bold";
    line-height: 0.9;
    /* Ajusta el valor para reducir el espacio entre líneas */
  }
  .fs-titleNormal {
    font-size: 125px;
    font-family: "NeuePlak-Normal";
    line-height: 0.9;
    /* Ajusta el valor para reducir el espacio entre líneas */
  }
  .fs-subtitleBlack {
    font-size: 65px;
    font-family: "NeuePlak-Black";
    line-height: 1;
    /* Ajusta el valor para reducir el espacio entre líneas */
  }
  .fs-subtitleBold {
    font-size: 65px;
    font-family: "NeuePlak-Bold";
    line-height: 1;
    /* Ajusta el valor para reducir el espacio entre líneas */
  }
  .fs-subtitleNormal {
    font-size: 65px;
    font-family: "NeuePlak-Normal";
    line-height: 1;
    /* Ajusta el valor para reducir el espacio entre líneas */
  }
  .fs-bigBlack {
    font-size: 45px;
    font-family: "NeuePlak-Black";
    line-height: 1;
    /* Ajusta el valor para reducir el espacio entre líneas */
  }
  .fs-bigBold {
    font-size: 45px;
    font-family: "NeuePlak-Bold";
    line-height: 1;
    /* Ajusta el valor para reducir el espacio entre líneas */
  }
  .fs-bigNormal {
    font-size: 45px;
    font-family: "NeuePlak-Normal";
    line-height: 1;
    /* Ajusta el valor para reducir el espacio entre líneas */
  }
  .fs-smallBlack {
    font-size: 22px;
    font-family: "NeuePlak-Black";
    line-height: 1;
    /* Ajusta el valor para reducir el espacio entre líneas */
  }
  .fs-smallBold {
    font-size: 22px;
    font-family: "NeuePlak-Bold";
    line-height: 1;
    /* Ajusta el valor para reducir el espacio entre líneas */
  }
  .fs-smallNormal {
    font-size: 22px;
    font-family: "NeuePlak-Normal";
    line-height: 1;
    /* Ajusta el valor para reducir el espacio entre líneas */
  }
  #menu .menu-options {
    padding: 0 100px;
  }
  #menu .menu-options .menu-logo {
    background-size: cover;
    background-position: center;
    width: 150px;
    height: 50px;
  }
  #menu .menu-options .dropdown-container.menu-collections .dropdown {
    width: 250px;
  }
  #menu .menu-options .dropdown-container.menu-fragances .dropdown {
    width: 200px;
  }
  #menu .menu-options .dropdown-container.menu-about .dropdown {
    width: 170px;
  }
  #menu .menu-options .dropdown-container.menu-idioma .dropdown {
    width: 110px;
  }
  #index-body2 {
    height: 600px;
  }
  #index-body3 {
    height: 300px;
  }
  #index-body4 {
    height: 1000px;
  }
  #index-body4 .index-body4-3 {
    width: 200px;
    height: 50px;
  }
  #index-body5 {
    width: 100%;
    height: 650px;
  }
  #index-body5 .index-body5-1 .index-body5-1-text2 {
    width: 200px;
    height: 50px;
  }
  #index-body5 .index-body5-2 .index-body5-2-text1 {
    background-size: contain;
    background-position: center;
  }
  #index-body5 .index-body5-3 .index-body5-3-text1 {
    background-size: contain;
    background-position: center;
  }
  #index-body5 .index-body5-4 .index-body5-4-text1 {
    background-size: contain;
    background-position: center;
  }
  #index-body6 {
    height: 750px;
  }
  #index-body6 .index-body6-1 .index-body6-1-text2 {
    width: 200px;
    height: 50px;
  }
  #index-body6 .index-body6-2 .index-body6-2-text2 {
    width: 200px;
    height: 50px;
  }
  #allproducts-body {
    height: 700px;
  }
  #allproducts-body .allproducts-body-1 .allproducts-body-1-text1 {
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
  }
  #allproducts-body .allproducts-body-2 .allproducts-body-2-text1 {
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
  }
  #allproducts-body .allproducts-body-3 .allproducts-body-3-text1 {
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
  }
  #productBody1 {
    height: 700px;
  }
  #productBody2 {
    height: 800px;
  }
  #productbody3 {
    height: 750px;
  }
  #productBody4 {
    height: 800px;
  }
  #ForHimProducts {
    height: 700px;
  }
  #ForHimProducts .img1ForHim {
    background-size: contain;
    background-position: center;
  }
  #ForHimProducts .img2ForHim {
    background-size: contain;
    background-position: center;
  }
  #ForHimProducts .img3ForHim {
    background-size: contain;
    background-position: center;
  }
  #ForHimProducts2 {
    height: 700px;
  }
  #ForHimProducts2 .img1ForHim {
    background-size: contain;
    background-position: center;
  }
  #ForHimProducts2 .img2ForHim {
    background-size: contain;
    background-position: center;
  }
  #ForHimProducts2 .img3ForHim {
    background-size: contain;
    background-position: center;
  }
  #ForHimProducts3 {
    height: 700px;
  }
  #ForHimProducts3 .img1ForHim {
    background-size: contain;
    background-position: center;
  }
  #ForHimProducts3 .img2ForHim {
    background-size: contain;
    background-position: center;
  }
  #ForHimProducts3 .img3ForHim {
    background-size: contain;
    background-position: center;
  }
  #ForHerProducts {
    height: 700px;
  }
  #ForHerProducts .img1ForHer {
    background-size: contain;
    background-position: center;
  }
  #ForHerProducts .img2ForHer {
    background-size: contain;
    background-position: center;
  }
  #ForHerProducts .img3ForHer {
    background-size: contain;
    background-position: center;
  }
  #philosophy3 {
    height: 700px;
  }
  #philosophy5 {
    height: 700px;
  }
  #philosophy6 {
    height: 700px;
    padding-bottom: 50px;
  }
  #contact1 {
    height: 500px;
  }
  #contact2 {
    height: 500px;
  }
}
@media (min-width: 2600px) and (max-width: 3199px) {
  .fs-titleBlack {
    font-size: 130px;
    font-family: "NeuePlak-Black";
    line-height: 0.9;
    /* Ajusta el valor para reducir el espacio entre líneas */
  }
  .fs-titleBold {
    font-size: 130px;
    font-family: "NeuePlak-Bold";
    line-height: 0.9;
    /* Ajusta el valor para reducir el espacio entre líneas */
  }
  .fs-titleNormal {
    font-size: 130px;
    font-family: "NeuePlak-Normal";
    line-height: 0.9;
    /* Ajusta el valor para reducir el espacio entre líneas */
  }
  .fs-subtitleBlack {
    font-size: 70px;
    font-family: "NeuePlak-Black";
    line-height: 1;
    /* Ajusta el valor para reducir el espacio entre líneas */
  }
  .fs-subtitleBold {
    font-size: 70px;
    font-family: "NeuePlak-Bold";
    line-height: 1;
    /* Ajusta el valor para reducir el espacio entre líneas */
  }
  .fs-subtitleNormal {
    font-size: 70px;
    font-family: "NeuePlak-Normal";
    line-height: 1;
    /* Ajusta el valor para reducir el espacio entre líneas */
  }
  .fs-bigBlack {
    font-size: 55px;
    font-family: "NeuePlak-Black";
    line-height: 1;
    /* Ajusta el valor para reducir el espacio entre líneas */
  }
  .fs-bigBold {
    font-size: 55px;
    font-family: "NeuePlak-Bold";
    line-height: 1;
    /* Ajusta el valor para reducir el espacio entre líneas */
  }
  .fs-bigNormal {
    font-size: 55px;
    font-family: "NeuePlak-Normal";
    line-height: 1;
    /* Ajusta el valor para reducir el espacio entre líneas */
  }
  .fs-smallBlack {
    font-size: 30px;
    font-family: "NeuePlak-Black";
    line-height: 1;
    /* Ajusta el valor para reducir el espacio entre líneas */
  }
  .fs-smallBold {
    font-size: 30px;
    font-family: "NeuePlak-Bold";
    line-height: 1;
    /* Ajusta el valor para reducir el espacio entre líneas */
  }
  .fs-smallNormal {
    font-size: 30px;
    font-family: "NeuePlak-Normal";
    line-height: 1;
    /* Ajusta el valor para reducir el espacio entre líneas */
  }
  #menu {
    height: 120px;
    z-index: 100;
  }
  #menu .menu-options {
    padding: 0 100px;
  }
  #menu .menu-options .menu-logo {
    background-size: cover;
    background-position: center;
    width: 250px;
    height: 80px;
  }
  #menu .menu-options .dropdown-container.menu-collections .dropdown {
    width: 400px;
  }
  #menu .menu-options .dropdown-container.menu-collections .dropdown li {
    padding: 10px;
  }
  #menu .menu-options .dropdown-container.menu-fragances .dropdown {
    width: 400px;
  }
  #menu .menu-options .dropdown-container.menu-fragances .dropdown li {
    padding: 10px;
  }
  #menu .menu-options .dropdown-container.menu-about .dropdown {
    width: 300px;
  }
  #menu .menu-options .dropdown-container.menu-about .dropdown li {
    padding: 10px;
  }
  #menu .menu-options .dropdown-container.menu-idioma .dropdown {
    width: 160px;
  }
  #menu .menu-options .dropdown-container.menu-idioma .dropdown li {
    padding: 10px;
  }
  #index-body1 {
    margin: 0 auto;
    position: relative;
    z-index: 0;
  }
  #index-body1 .background-video {
    width: 100%;
    /* Ocupa el ancho del contenedor #index-body1 */
    height: 100%;
    /* Mantiene la altura completa del contenedor */
    left: 0;
    top: 0;
    -o-object-fit: cover;
       object-fit: cover;
    z-index: -1;
    /* El video debe estar por detrás del contenido */
  }
  #index-body2 {
    height: 700px;
  }
  #index-body3 {
    height: 500px;
  }
  #index-body4 {
    height: 900px;
  }
  #index-body4 .index-body4-3 {
    width: 300px;
    height: 50px;
  }
  #index-body5 {
    width: 100%;
    height: 900px;
  }
  #index-body5 .index-body5-1 .index-body5-1-text2 {
    width: 300px;
    height: 50px;
  }
  #index-body5 .index-body5-2 .index-body5-2-text1 {
    background-size: contain;
    background-position: center;
  }
  #index-body5 .index-body5-3 .index-body5-3-text1 {
    background-size: contain;
    background-position: center;
  }
  #index-body5 .index-body5-4 .index-body5-4-text1 {
    background-size: contain;
    background-position: center;
  }
  #index-body6 {
    height: 900px;
  }
  #index-body6 .index-body6-1 .index-body6-1-text2 {
    width: 300px;
    height: 50px;
  }
  #index-body6 .index-body6-2 .index-body6-2-text2 {
    width: 300px;
    height: 50px;
  }
  #allproducts-subtitle {
    height: 200px;
  }
  #allproducts-body {
    height: 750px;
  }
  #allproducts-body .allproducts-body-1 .allproducts-body-1-text1 {
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
  }
  #allproducts-body .allproducts-body-2 .allproducts-body-2-text1 {
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
  }
  #allproducts-body .allproducts-body-3 .allproducts-body-3-text1 {
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
  }
  #collectionVideo {
    height: 100vh;
    margin: 0 auto;
    position: relative;
  }
  #collectionVideo .background-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    z-index: -1;
    grid-column: 1/13;
    grid-row: 1/7;
  }
  #collectionVideo .text1 {
    margin-left: 50px;
    grid-column: 1/13;
    grid-row: 2;
  }
  #collectionVideo .text2 {
    margin-left: 50px;
    margin-bottom: 30px;
    grid-column: 1/13;
    grid-row: 5/7;
    align-self: center;
  }
  #collectionDescription {
    height: 500px;
  }
  #ForHimProducts {
    height: 750px;
  }
  #ForHimProducts .img1ForHim {
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
  }
  #ForHimProducts .img2ForHim {
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
  }
  #ForHimProducts .img3ForHim {
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
  }
  #ForHimProducts2 {
    height: 750px;
  }
  #ForHimProducts2 .img1ForHim {
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
  }
  #ForHimProducts2 .img2ForHim {
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
  }
  #ForHimProducts2 .img3ForHim {
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
  }
  #ForHimProducts3 {
    height: 750px;
  }
  #ForHimProducts3 .img1ForHim {
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
  }
  #ForHimProducts3 .img2ForHim {
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
  }
  #ForHimProducts3 .img3ForHim {
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
  }
  #ForHerProducts {
    height: 750px;
  }
  #ForHerProducts .img1ForHer {
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
  }
  #ForHerProducts .img2ForHer {
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
  }
  #ForHerProducts .img3ForHer {
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
  }
  #productBody1 {
    height: 1000px;
  }
  #productBody2 {
    height: 1000px;
  }
  #productbody3 {
    height: 900px;
  }
  #productBody4 {
    height: 1000px;
  }
  #philosophy2 {
    height: 1000px;
  }
  #philosophy3 {
    height: 800px;
  }
  #philosophy4 {
    height: 1100px;
  }
  #philosophy5 {
    height: 800px;
  }
  #philosophy6 {
    height: 1100px;
  }
  #contact1 {
    height: 500px;
  }
  #contact2 {
    height: 500px;
  }
  #PrivacyPolicy {
    padding-top: 100px;
    padding-bottom: 100px;
  }
  #CoockiesPolicy {
    padding-top: 100px;
    padding-bottom: 100px;
  }
  #legalAdvice {
    padding-top: 100px;
    padding-bottom: 100px;
  }
  #footer {
    height: 150px;
  }
}
@media (min-width: 3200px) {
  .fs-titleBlack {
    font-size: 140px;
    font-family: "NeuePlak-Black";
    line-height: 0.9;
    /* Ajusta el valor para reducir el espacio entre líneas */
  }
  .fs-titleBold {
    font-size: 140px;
    font-family: "NeuePlak-Bold";
    line-height: 0.9;
    /* Ajusta el valor para reducir el espacio entre líneas */
  }
  .fs-titleNormal {
    font-size: 140px;
    font-family: "NeuePlak-Normal";
    line-height: 0.9;
    /* Ajusta el valor para reducir el espacio entre líneas */
  }
  .fs-subtitleBlack {
    font-size: 80px;
    font-family: "NeuePlak-Black";
    line-height: 1;
    /* Ajusta el valor para reducir el espacio entre líneas */
  }
  .fs-subtitleBold {
    font-size: 80px;
    font-family: "NeuePlak-Bold";
    line-height: 1;
    /* Ajusta el valor para reducir el espacio entre líneas */
  }
  .fs-subtitleNormal {
    font-size: 80px;
    font-family: "NeuePlak-Normal";
    line-height: 1;
    /* Ajusta el valor para reducir el espacio entre líneas */
  }
  .fs-bigBlack {
    font-size: 60px;
    font-family: "NeuePlak-Black";
    line-height: 1;
    /* Ajusta el valor para reducir el espacio entre líneas */
  }
  .fs-bigBold {
    font-size: 60px;
    font-family: "NeuePlak-Bold";
    line-height: 1;
    /* Ajusta el valor para reducir el espacio entre líneas */
  }
  .fs-bigNormal {
    font-size: 60px;
    font-family: "NeuePlak-Normal";
    line-height: 1;
    /* Ajusta el valor para reducir el espacio entre líneas */
  }
  .fs-smallBlack {
    font-size: 35px;
    font-family: "NeuePlak-Black";
    line-height: 1;
    /* Ajusta el valor para reducir el espacio entre líneas */
  }
  .fs-smallBold {
    font-size: 35px;
    font-family: "NeuePlak-Bold";
    line-height: 1;
    /* Ajusta el valor para reducir el espacio entre líneas */
  }
  .fs-smallNormal {
    font-size: 35px;
    font-family: "NeuePlak-Normal";
    line-height: 1;
    /* Ajusta el valor para reducir el espacio entre líneas */
  }
  #menu {
    height: 120px;
    z-index: 100;
  }
  #menu .menu-options {
    padding: 0 100px;
  }
  #menu .menu-options .menu-logo {
    background-size: cover;
    background-position: center;
    width: 250px;
    height: 80px;
  }
  #menu .menu-options .dropdown-container.menu-collections .dropdown {
    width: 400px;
  }
  #menu .menu-options .dropdown-container.menu-collections .dropdown li {
    padding: 10px;
  }
  #menu .menu-options .dropdown-container.menu-fragances .dropdown {
    width: 400px;
  }
  #menu .menu-options .dropdown-container.menu-fragances .dropdown li {
    padding: 10px;
  }
  #menu .menu-options .dropdown-container.menu-about .dropdown {
    width: 300px;
  }
  #menu .menu-options .dropdown-container.menu-about .dropdown li {
    padding: 10px;
  }
  #menu .menu-options .dropdown-container.menu-idioma .dropdown {
    width: 160px;
  }
  #menu .menu-options .dropdown-container.menu-idioma .dropdown li {
    padding: 10px;
  }
  #index-body1 {
    margin: 0 auto;
    position: relative;
    z-index: 0;
  }
  #index-body1 .background-video {
    width: 100%;
    /* Ocupa el ancho del contenedor #index-body1 */
    height: 100%;
    /* Mantiene la altura completa del contenedor */
    left: 0;
    top: 0;
    -o-object-fit: cover;
       object-fit: cover;
    z-index: -1;
    /* El video debe estar por detrás del contenido */
  }
  #index-body2 {
    height: 900px;
  }
  #index-body3 {
    height: 500px;
  }
  #index-body4 {
    height: 1300px;
  }
  #index-body4 .index-body4-3 {
    width: 300px;
    height: 50px;
  }
  #index-body5 {
    width: 100%;
    height: 900px;
  }
  #index-body5 .index-body5-1 .index-body5-1-text2 {
    width: 300px;
    height: 50px;
  }
  #index-body5 .index-body5-2 .index-body5-2-text1 {
    background-size: contain;
    background-position: center;
  }
  #index-body5 .index-body5-3 .index-body5-3-text1 {
    background-size: contain;
    background-position: center;
  }
  #index-body5 .index-body5-4 .index-body5-4-text1 {
    background-size: contain;
    background-position: center;
  }
  #index-body6 {
    height: 1000px;
  }
  #index-body6 .index-body6-1 .index-body6-1-text2 {
    width: 300px;
    height: 50px;
  }
  #index-body6 .index-body6-2 .index-body6-2-text2 {
    width: 300px;
    height: 50px;
  }
  #allproducts-subtitle {
    height: 200px;
  }
  #allproducts-body {
    height: 900px;
  }
  #allproducts-body .allproducts-body-1 .allproducts-body-1-text1 {
    background-size: contain;
    background-position: center;
  }
  #allproducts-body .allproducts-body-2 .allproducts-body-2-text1 {
    background-size: contain;
    background-position: center;
  }
  #allproducts-body .allproducts-body-3 .allproducts-body-3-text1 {
    background-size: contain;
    background-position: center;
  }
  #productBody1 {
    height: 700px;
  }
  #productBody2 {
    height: 800px;
  }
  #productBody2 .imgbody2 {
    background-repeat: no-repeat;
  }
  #productbody3 {
    height: 750px;
  }
  #productBody4 {
    height: 800px;
  }
  #collectionVideo {
    height: 100vh;
    margin: 0 auto;
    position: relative;
  }
  #collectionVideo .background-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    z-index: -1;
    grid-column: 1/13;
    grid-row: 1/7;
  }
  #collectionVideo .text1 {
    margin-left: 50px;
    grid-column: 1/13;
    grid-row: 2;
  }
  #collectionVideo .text2 {
    margin-left: 50px;
    margin-bottom: 30px;
    grid-column: 1/13;
    grid-row: 5/7;
    align-self: center;
  }
  #collectionDescription {
    height: 500px;
  }
  #ForHimProducts {
    height: 900px;
  }
  #ForHimProducts .img1ForHim {
    background-size: contain;
    background-position: center;
  }
  #ForHimProducts .img2ForHim {
    background-size: contain;
    background-position: center;
  }
  #ForHimProducts .img3ForHim {
    background-size: contain;
    background-position: center;
  }
  #ForHimProducts2 {
    height: 900px;
  }
  #ForHimProducts2 .img1ForHim {
    background-size: contain;
    background-position: center;
  }
  #ForHimProducts2 .img2ForHim {
    background-size: contain;
    background-position: center;
  }
  #ForHimProducts2 .img3ForHim {
    background-size: contain;
    background-position: center;
  }
  #ForHimProducts3 {
    height: 900px;
  }
  #ForHimProducts3 .img1ForHim {
    background-size: contain;
    background-position: center;
  }
  #ForHimProducts3 .img2ForHim {
    background-size: contain;
    background-position: center;
  }
  #ForHimProducts3 .img3ForHim {
    background-size: contain;
    background-position: center;
  }
  #ForHerProducts {
    height: 900px;
  }
  #ForHerProducts .img1ForHer {
    background-size: contain;
    background-position: center;
  }
  #ForHerProducts .img2ForHer {
    background-size: contain;
    background-position: center;
  }
  #ForHerProducts .img3ForHer {
    background-size: contain;
    background-position: center;
  }
  #productBody1 {
    padding-top: 100px;
    height: 1100px;
  }
  #productBody2 {
    height: 1000px;
  }
  #productbody3 {
    height: 1000px;
  }
  #productBody4 {
    height: 1100px;
  }
  #philosophy1 .philosophy1-2 {
    padding-bottom: 100px;
  }
  #philosophy2 {
    height: 1100px;
  }
  #philosophy3 {
    height: 900px;
  }
  #philosophy4 {
    height: 1200px;
  }
  #philosophy5 {
    height: 900px;
  }
  #philosophy6 {
    height: 1200px;
  }
  #contact1 {
    height: 500px;
  }
  #contact2 {
    height: 500px;
  }
  #PrivacyPolicy {
    padding-top: 100px;
    padding-bottom: 100px;
  }
  #CoockiesPolicy {
    padding-top: 100px;
    padding-bottom: 100px;
  }
  #legalAdvice {
    padding-top: 100px;
    padding-bottom: 100px;
  }
  #footer {
    height: 150px;
  }
}/*# sourceMappingURL=style.css.map */