h3 {
  font-size: 1.60rem;
}

section:nth-of-type(1) {
  background-color: #008746;
}

section:nth-of-type(3) {
  background-color: #3e4545;
}

section:nth-of-type(4) {
  background-color: #827b30;
}

section:nth-of-type(5) {
  background-color: #163c74;
}

section:nth-of-type(6) {
  background-color: #330099;
}

section:nth-of-type(7) {
  background-color: #008746;
  margin-top: 0;
}

section:nth-of-type(8) {
  margin-top: 0;
  background-color: #ff6633;
}

section:nth-of-type(9) {
  background-color: #cc0000;
}

section:nth-of-type(10) {
  background-color: #00664f;
}

section:nth-of-type(9) .textContent, 
section:nth-of-type(10) .textContent {
  max-width: 410px;
}

section:nth-of-type(1) .mainContent {
  background-image: url("../images/products-procombo-keyvisual.jpg");
}

section:nth-of-type(2) .mainContent {
  background-image: url("../images/products-collanol-keyvisual.jpg");
}

section:nth-of-type(3) .mainContent {
  background-image: url("../images/products-menfloden-keyvisual.jpg");
  background-repeat: no-repeat;
  background-position: calc(100% + 10px) -95px;
}

section:nth-of-type(4) .mainContent {
  background-image: url("../images/products-tibanol-keyvisual.jpg");
  background-repeat: no-repeat;
  background-position: calc(100% + 10px) -95px;
}

section:nth-of-type(5) .mainContent {
  background-image: url("../images/products-magcombo-keyvisual.jpg");
}

section:nth-of-type(6) .mainContent {
  background-image: url("../images/products-zeaforce-keyvisual.jpg");
  background-repeat: no-repeat;
  background-position: calc(92% + 20px) -79px;
  max-width: 1000px;
}

section:nth-of-type(7) .mainContent {
  background-image: url("../images/products-procombobaby-keyvisual.jpg");
  background-repeat: no-repeat;
  background-position: calc(100% + 40px) -149px;
  max-width: 1250px;
}

section:nth-of-type(8) .mainContent {
  background-image: url("../images/products-livevitamins-keyvisual.jpg");
  background-repeat: no-repeat;
  background-position: calc(92% + 20px) -79px;
  max-width: 1000px;
}

section:nth-of-type(9) .mainContent {
  background-image: url("../images/products-visilife-keyvisual.jpg");
  background-repeat: no-repeat;
  background-position: calc(92% + 20px) -79px;
  max-width: 1000px;
}

section:nth-of-type(10) .mainContent {
  background-image: url("../images/products-line-keyvisual.jpg");
  background-repeat: no-repeat;
  background-position: calc(92% + 20px) -79px;
}

section:nth-of-type(9) .logos img {
  width: initial;
  margin: initial;
}

section:nth-of-type(3) .logos {
  margin-top: 20px;
}

section:nth-of-type(7) .logos {
  margin-left: 175px;
}

section:nth-of-type(8) .logos {
  margin: 30px 50px 0;
}

section:nth-of-type(8) .logos img {
  width: 283px;
  margin: 0;
}

section:nth-of-type(7) img {
  width: initial;
  margin: initial;
}

section:nth-of-type(11) {
  clear: both;
}

section:nth-of-type(11) p {
  text-align: center;
}

section:nth-of-type(11) img {
  width: 210px;
  margin: 40px 0 80px;
}


/*
---------------------------------
		      MEDIA QUERIES
---------------------------------
*/

@media screen and (max-width: 1200px) {
  section:nth-of-type(1) .whiteBG,
  section:nth-of-type(2) .whiteBG, 
  section:nth-of-type(3) .whiteBG, 
  section:nth-of-type(4) .whiteBG {
    margin-top: -55px;
  }
  section:nth-of-type(5) .whiteBG {
    margin-top: -72px;
  }
  section:nth-of-type(6) .whiteBG {
    margin-top: -71px;
  }
  section:nth-of-type(7) .whiteBG {
    margin-top: -71px;
  }
  section:nth-of-type(8) .whiteBG {
    margin-top: -71px;
  }
  section:nth-of-type(9) .whiteBG {
    margin-top: -71px;
  }
  section:nth-of-type(10) .whiteBG {
    margin-top: -71px;
  }

  section:nth-of-type(1) .mainContent,
  section:nth-of-type(2) .mainContent,
  section:nth-of-type(3) .mainContent,
  section:nth-of-type(4) .mainContent,
  section:nth-of-type(5) .mainContent,
  section:nth-of-type(6) .mainContent,
  section:nth-of-type(7) .mainContent,
  section:nth-of-type(8) .mainContent, 
  section:nth-of-type(9) .mainContent, 
  section:nth-of-type(10) .mainContent {
    height: auto;
    background-position: center bottom;
  }
  section:nth-of-type(5) .mainContent {
    background-image: url("../images/products-magcombo-keyvisual-mob.jpg");
  }
  section:nth-of-type(6) .mainContent {
    background-image: url("../images/products-zeaforce-keyvisual-mob.jpg");
  }
  section:nth-of-type(7) .mainContent {
    background-image: url("../images/products-procombobaby-keyvisual-mob.jpg");
  }
  section:nth-of-type(8) .mainContent {
    background-image: url("../images/products-livevitamins-keyvisual-mob.jpg");
  }
  section:nth-of-type(9) .mainContent {
    background-image: url("../images/products-visilife-keyvisual-mob.jpg");
  }
  section:nth-of-type(10) .mainContent {
    background-image: url("../images/products-line-keyvisual-mob.jpg");
  }

  section:nth-of-type(1) .textContent {
    padding-bottom: 380px;
  }
  section:nth-of-type(2) .textContent {
    padding-bottom: 320px;
  }
  section:nth-of-type(3) .textContent {
    padding-bottom: 380px;
  }
  section:nth-of-type(4) .textContent {
    padding-bottom: 350px;
  }
  section:nth-of-type(5) .textContent {
    padding-bottom: 340px;
  }
  section:nth-of-type(6) .textContent {
    padding-bottom: 340px;
  }
  section:nth-of-type(7) .textContent {
    padding-bottom: 380px;
  }
  section:nth-of-type(8) .textContent {
    padding-bottom: 340px;
  }
  section:nth-of-type(9) .textContent {
    padding-bottom: 310px;
    max-width: initial;
  }
  section:nth-of-type(10) .textContent {
    padding-bottom: 350px;
    max-width: initial;
  }

  section:nth-of-type(3) .more,
  section:nth-of-type(4) .more {
    margin: 0 auto 45px;
  }

  section:nth-of-type(5) .more,
  section:nth-of-type(6) .more,
  section:nth-of-type(7) .more,
  section:nth-of-type(8) .more,
  section:nth-of-type(9) .more, 
  section:nth-of-type(10) .more {
    margin: 0 auto 55px;
  }

  .textContent br {
    display: none;
  }

  section:nth-of-type(4) .textContent br {
    display: block;
  }
}

@media screen and (max-width: 550px) {
  section:nth-of-type(1) .mainContent,
  section:nth-of-type(2) .mainContent, 
  section:nth-of-type(4) .mainContent {
    background-size: 110%;
  }
  section:nth-of-type(6) .mainContent {
    background-size: 100%;
  }
  section:nth-of-type(1) .textContent {
    padding-bottom: 69vw;
  }
  section:nth-of-type(2) .textContent {
    padding-bottom: 58vw;
  }
  section:nth-of-type(3) .textContent {
    padding-bottom: 68vw;
  }
  section:nth-of-type(4) .textContent {
    padding-bottom: 62vw;
  }
  section:nth-of-type(5) .textContent {
    padding-bottom: 64vw;
  }
  section:nth-of-type(6) .textContent {
    padding-bottom: 64vw;
  }
  section:nth-of-type(7) .textContent {
    padding-bottom: 68vw;
  }
  section:nth-of-type(8) .textContent {
    padding-bottom: 70vw;
  }
  section:nth-of-type(9) .textContent {
    padding-bottom: 56vw;
  }
  section:nth-of-type(10) .textContent {
    padding-bottom: 68vw;
  }
}

@media screen and (max-width: 500px) {
  h3 {
    font-size: 1.55rem;
    line-height: 1.8rem;
  }
}

@media screen and (max-width: 450px) {
  section:nth-of-type(3) .textContent {
    padding-bottom: 68vw;
  }
  section:nth-of-type(3) .more {
    margin: 0 auto 35px;
  }
}

@media screen and (max-width: 400px) {
  h3 {
    font-size: 1.1rem;
    line-height: 1.3rem;
  }
}