body{
	text-align: center;
	font-family: montserrat;
	color: #ffffff;
}

#background .background1{
	/*background-image: url("https://nicepage.axisdigitalleap.com/nutravita/Nutrativa%20HTML/background/background1.jpg") !important;*/
	background-repeat: no-repeat;
	background-size: 68.5% 100%;
	background-position: center;
	/*height: 55vh;*/
	position: relative;
	min-height: 881px;
    background-position: 50% 50%;
    width: 1200px;
    /*height: 1000px;*/
}

#backgroundaddon .background2{
	/*background-image: url("https://nicepage.axisdigitalleap.com/nutravita/Nutrativa%20HTML/background/backgroundaddon.jpg")  !important;*/
	background-repeat: no-repeat;
	background-size: 68.5% 100%;
	background-position: center;
	/*height: 55vh;*/
	position: relative;
	min-height: 881px;
    background-position: 50% 50%;
    width: 1200px;
    /*height: 940px;*/
}

#backgroundaddon .content1{
	position: absolute;
	font-size:16px;
	top: 45.8em;
	left: 43.5em;
	transform: translate(-50%, 0);
	color: #231f20;
	font-style: italic;
	font-size: 21.7px;
	/* Montserrat Bold = 700 */
	font-weight: 700;
	font-family: Montserrat, "Open Sans", Helvetica, Arial, sans-serif !important;
}

#backgroundaddon .content2{
	position: absolute;
	font-size:16px;
	top: 65.9rem;
	left: 73.8%;
	transform: translate(-50%, 0);
	color: #231f20;
	font-style: italic;
	font-size: 22.7px;
	/* Montserrat Bold = 700 */
	font-weight: 700;
	/*width: 25%;*/
	font-family: Montserrat, "Open Sans", Helvetica, Arial, sans-serif !important;
}
#backgroundaddon .s2{
	position: absolute;
	font-size:16px;
	top: 50.15em;
	left: 49.7%;
	transform: translate(-50%, 0);
	color: #231f20;
	font-style: italic;
	font-size: 21.7px;
	/* Montserrat Bold = 700 */
	font-weight: 700;
	font-family: Montserrat, "Open Sans", Helvetica, Arial, sans-serif !important;
}
#backgroundaddon .content3{
	position: absolute;
	font-size:16px;
	top: 50.8em;
	left: 64.4%;
	transform: translate(-50%, 0);
	color: #231f20;
	font-style: italic;
	font-size: 22px;
	/* Montserrat Bold = 700 */
	font-weight: 700;
	font-family: Montserrat, "Open Sans", Helvetica, Arial, sans-serif !important;
}

#backgroundaddon .content4{
	position: absolute;
	font-size:16px;
	top: 79.3rem;
	left: 70.63%;
	transform: translate(-50%, 0);
	color: #231f20;
	font-style: italic;
	font-size: 21.98px;
	/* Montserrat Bold = 700 */
	font-weight: 700;
	font-family: Montserrat, "Open Sans", Helvetica, Arial, sans-serif !important;
}

#backgroundaddon .content5{
	position: absolute;
	font-size:16px;
	top: 58.7em;
	left: 79.2%;
	transform: translate(-50%, 0);
	color: #231f20;
	font-style: italic;
	font-size: 22.7px;
	/* Montserrat Bold = 700 */
	font-weight: 700;
	width:16.5%;
	text-align: right;
	font-family: Montserrat, "Open Sans", Helvetica, Arial, sans-serif !important;
}

#backgroundaddon .content_medium{
	position: absolute;
	transform: translate(-50%, 0);
	top: 64em;
	left: 55.7%;
	width: 35%;
	font-size: 22.7px;
	font-weight:600;
	color:#FFFFFF;
}

#backgroundaddon .content_medium1{
	position: absolute;
	transform: translate(-50%, 0);
	top: 65.5em;
	left: 62.7%;
	width: 35%;
	font-size: 22.7px;
	font-weight:600;
	color:#FFFFFF;
}

#background2 .background3{
	background-image: url("https://nicepage.axisdigitalleap.com/nutravita/Nutrativa%20HTML/background/background2.jpg");
	background-repeat: no-repeat;
	background-size: 68.5% 100%;
	background-position: center;
	/*height: 55vh;*/
	position: relative;
	min-height: 881px;
    background-position: 50% 50%;
    width: 1200px;
    height: 877px;
}

#background2 .top2 {
	position: absolute;
	/*left: 50%;*/
	left: 49%;
	transform: translate(-50%, 0);
	top: 53em;
	width: 100%;
	font-size: 34.8px;
	filter: drop-shadow(1.5px 1px 1px grey);
	font-weight:600;
	text-align:center;
}

#background2 .bottompoint {
	position:absolute;
	transform: translate(-50%, 0);
	top: 93.5em;
	width: 100%;
	font-size: 20px;
	font-weight:600;
	left: 49%;
	text-align:center;
}

#background2 .function1 {
	color: #231f20;
	position:relative;
	font-size: 20px;
	font-weight: 600;
}

#background2 .left {
	font-family: Montserrat, "Open Sans", Helvetica, Arial, sans-serif !important;
	font-weight: 600;
	position: absolute;
	transform: translate(-50%, 0);
	color: #000000;
	font-style: italic;
	font-size: 23.5px;
	top: 86.85em;
	left: 18.5%;
}

#background2 .right{
	font-family: Montserrat, "Open Sans", Helvetica, Arial, sans-serif !important;
	font-weight: 600;
	position: absolute;
	transform: translate(-50%, 0);
	color: #FFFFFF;
	font-style: italic;
	font-size: 22.5px;
	top: 90.8em;
	left: 78%;
	width:20%;
}



#background2 .point1{
	position: absolute;
	transform: translate(-50%, 0);
	top: 76.5em;
	left: 21.9%;
	width: 5%;
	font-size: 29px !important;
	text-align: center;
	font-family: "Myriad Pro", Myriad, "Liberation Sans", "Nimbus Sans L", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
	color: #000000;
}

#background2  .point2{
	position: absolute;
	transform: translate(-50%, 0);
	top: 77.54em;
	left: 78.2%;
	width: 8%;
	font-size: 28px !important;
	text-align: center;
	font-family: "Myriad Pro", Myriad, "Liberation Sans", "Nimbus Sans L", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
	color: #000000;
}

#background3 .background4{
	/*background-image: url("https://nicepage.axisdigitalleap.com/nutravita/Nutrativa%20HTML/background/background3.jpg")  !important;*/
	background-repeat: no-repeat;
	background-size: 68.5% 100%;
	background-position: center;
	/*height: 55vh;*/
	position: relative;
	min-height: 881px;
    background-position: 50% 50%;
    width: 1200px;
    /*height: 865px;*/
}

#background4 .background5{
	/*background-image: url("https://nicepage.axisdigitalleap.com/nutravita/Nutrativa%20HTML/background/background4.jpg")  !important;*/
	background-repeat: no-repeat;
	background-size: 68.5% 100%;
	background-position: center;
	/*height: 55vh;*/
	position: relative;
	min-height: 881px;
    background-position: 50% 50%;
    width: 1200px;
    /*height: 1000px;*/
}

#background5 .background6{
	/*background-image: url("https://nicepage.axisdigitalleap.com/nutravita/Nutrativa%20HTML/background/background5.jpg") !important;*/
	background-repeat: no-repeat;
	background-size: 68.5% 100%;
	background-position: center;
	/*height: 55vh;*/
	position: relative;
	min-height: 881px;
    background-position: 50% 50%;
    width: 1200px;
    /*height: 1000px;*/
}
#background6 .w3-container{
    background-color:#EBEBEB;
    font-family:Gotham, sans-serif;
    padding-top: 30px;padding-bottom: 0px;
    background-repeat: no-repeat;
    background-size: 68.5% 100%;
    min-height: 881px;
    width: 1200px;
    margin: 0;
    left: 10%;
    position: relative;
}
#background6 .textbackground{
    text-align: inital;
    line-height: 1;
}
#background6 .textbackground h2{
    margin-top: 0px;
    font-color: black;
    color: black;
    text-align: initial;
}
#background6 .textbackground p{
    color: #000;text-align: initial;
}

@media (min-width: 481px) and (max-width: 768px) {
#backgroundaddon .content1{
	top: 45.7em;
	left: 16em;
	transform: translate(254px, 0);
}

#backgroundaddon .content2{
	top: 66rem;
	left: 49.8%;
	transform: translate(405px, 0);
}
#backgroundaddon .s2{
	top: 68.1rem;
	left: 57.4%;
	transform: translate(76%, 0);
}
#backgroundaddon .content3{
	top: 50.8em;
	left: 12.4%;
	transform: translate(102%,0);
}

#backgroundaddon .content4{
	top: 79.2rem;
	left: 28.6%;
	transform: translate(114%,0);
}

#backgroundaddon .content5{
	top: 83.5rem;
	left: 102.2%;
	transform: translate(59%, 0);
	width: 32%;
}

#backgroundaddon .content_medium{
	transform: translate(-50%, 0);
	top: 64em;
	left: 85.7%;
	width: 65%;
}

#backgroundaddon .content_medium1{
	transform: translate(-50%, 0);
	top: 65.5em;
	left: 97.7%;
	width: 63%;
}

#background2 .top2 {
	left: 77%;
	transform: translate(-50%, 0);
	top: 52em;
	width: 100%;
}

#background2 .bottompoint {
	transform: translate(-50%, 0);
	top: 92.5em;
	width: 100%;
	left: 77%;
}

#background2 .function1 {
	color: #231f20;
	position:relative;
	font-size: 20px;
	font-weight: 600;
}

#background2 .left {
	transform: translate(-50%, 0);
	font-size: 23.5px;
	top: 86.85em;
	left: 16.5%;
}

#background2 .right{
	transform: translate(-50%, 0);
	top: 90.8em;
	left: 136%;
	width: 39%;
}

#background2 .point1{
	transform: translate(-50%, 0);
	top: 96.45em;
	left: 20.9%;
	width: 5%;
	font-size: 23px !important;
}

#background2  .point2{
	transform: translate(-50%, 0);
	top: 93.54em;
	left: 131.2%;
	width: 8%;
	font-size: 23px !important;
}
  #background6 .w3-container {
    left: -0.1rem;
    /*width: 1205px;*/
  }
}
@media (min-width: 769px) and (max-width: 1023px) {

}
@media only screen and (max-width: 1024px) {

  #backgroundaddon .content1 {
    top: 45.7em;
    left: 28.2em;
    transform: translate(0, 0);
  }

  #backgroundaddon .content2 {
    top: 66rem;
    left: 60.8%;
    transform: translate(43%, 0);
  }
  #backgroundaddon .s2 {
    top: 68.1rem;
    left: 42.4%;
    transform: translate(76%, 0);
  }
  #backgroundaddon .content3 {
    top: 50.8em;
    left: 44.4%;
    transform: translate(35%, 0);
  }

  #backgroundaddon .content4 {
    top: 79.2rem;
    left: 46.6%;
    transform: translate(57%, 0);
  }

  #backgroundaddon .content5 {
    top: 83.4rem;
    left: 76.2%;
    transform: translate(59%, 0);
    width: 24%;
  }

  #backgroundaddon .content_medium {
    transform: translate(-50%, 0);
    top: 64em;
    left: 68.7%;
    width: 65%;
  }

  #backgroundaddon .content_medium1 {
    transform: translate(-50%, 0);
    top: 65.5em;
    left: 80.7%;
    width: 52%;
  }

  #background2 .top2 {
    left: 58%;
    transform: translate(-50%, 0);
    top: 52em;
    width: 100%;
  }

  #background2 .bottompoint {
    transform: translate(-50%, 0);
    top: 92.5em;
    width: 100%;
    left: 56%;
  }

  #background2 .function1 {
    color: #231f20;
    position: relative;
    font-size: 20px;
    font-weight: 600;
  }

  #background2 .left {
    transform: translate(-50%, 0);
    font-size: 23.5px;
    top: 86.85em;
    left: 13.5%;
  }

  #background2 .right {
    transform: translate(-50%, 0);
    top: 90.8em;
    left: 103%;
    width: 23%;
  }

  #background2 .point1 {
    transform: translate(-50%, 0);
    top: 96.45em;
    left: 15.9%;
    width: 5%;
    font-size: 23px !important;
  }

  #background2 .point2 {
    transform: translate(-50%, 0);
    top: 89.54em;
    left: 99.2%;
    width: 8%;
    font-size: 24px !important;
  }
  #background6 .w3-container {
    left: -0.1rem;
    /*width: 1205px;*/
  }
    
}
@media (min-width: 1025px) and (max-width: 1439px) {
 #backgroundaddon .content1 {
    top: 45.85em;
    left: 33.2em;
    transform: translate(0, 0);
  }

  #backgroundaddon .content2 {
    top: 66rem;
    left: 50.8%;
    transform: translate(43%, 0);
  }
  #backgroundaddon .s2 {
    top: 68.1rem;
    left: 38.4%;
    transform: translate(76%, 0);
  }
  #backgroundaddon .content3 {
    top: 50.8em;
    left: 39.4%;
    transform: translate(35%, 0);
  }

  #backgroundaddon .content4 {
    top: 79.2rem;
    left: 40.6%;
    transform: translate(57%, 0);
  }

  #backgroundaddon .content5 {
    top: 83.5rem;
    left: 56.2%;
    transform: translate(59%, 0);
    width: 21%;
  }

  #backgroundaddon .content_medium {
    transform: translate(-50%, 0);
    top: 64em;
    left: 57.7%;
    width: 65%;
  }

  #backgroundaddon .content_medium1 {
    transform: translate(-50%, 0);
    top: 65.5em;
    left: 63.7%;
    width: 52%;
  }

  #background2 .top2 {
    left: 50%;
    transform: translate(-50%, 0);
    top: 52em;
    width: 100%;
  }

  #background2 .bottompoint {
    transform: translate(-50%, 0);
    top: 92.5em;
    width: 100%;
    left: 47%;
  }

  #background2 .function1 {
    color: #231f20;
    position: relative;
    font-size: 20px;
    font-weight: 600;
  }

  #background2 .left {
    transform: translate(-50%, 0);
    font-size: 23.5px;
    top: 86.85em;
    left: 16.5%;
  }

  #background2 .right {
    transform: translate(-50%, 0);
    top: 90.8em;
    left: 81%;
    width: 23%;
  }

  #background2 .point1 {
    transform: translate(-50%, 0);
    top: 96.45em;
    left: 19.9%;
    width: 5%;
    font-size: 23px !important;
  }

  #background2 .point2 {
    transform: translate(-50%, 0);
    top: 90.54em;
    left: 79.2%;
    width: 8%;
    font-size: 24px !important;
  }
  #background6 .w3-container {
    left: 6.9rem;
    /*width: 1205px;*/
  }
}
@media (min-width: 1440px) and (max-width: 1445px) {

 #backgroundaddon .content1 {
    top: 45.85em;
    left: 33.2em;
    transform: translate(0, 0);
  }

  #backgroundaddon .content2 {
    top: 66rem;
    left: 50.8%;
    transform: translate(43%, 0);
  }
  #backgroundaddon .s2 {
    top: 68.1rem;
    left: 38.4%;
    transform: translate(76%, 0);
  }
  #backgroundaddon .content3 {
    top: 50.8em;
    left: 39.4%;
    transform: translate(35%, 0);
  }

  #backgroundaddon .content4 {
    top: 79.2rem;
    left: 40.6%;
    transform: translate(57%, 0);
  }

  #backgroundaddon .content5 {
    top: 83.5rem;
    left: 56.2%;
    transform: translate(59%, 0);
    width: 21%;
  }

  #backgroundaddon .content_medium {
    transform: translate(-50%, 0);
    top: 64em;
    left: 57.7%;
    width: 65%;
  }

  #backgroundaddon .content_medium1 {
    transform: translate(-50%, 0);
    top: 65.5em;
    left: 63.7%;
    width: 52%;
  }

  #background2 .top2 {
    left: 50%;
    transform: translate(-50%, 0);
    top: 52em;
    width: 100%;
  }

  #background2 .bottompoint {
    transform: translate(-50%, 0);
    top: 92.5em;
    width: 100%;
    left: 47%;
  }

  #background2 .function1 {
    color: #231f20;
    position: relative;
    font-size: 20px;
    font-weight: 600;
  }

  #background2 .left {
    transform: translate(-50%, 0);
    font-size: 23.5px;
    top: 86.85em;
    left: 16.5%;
  }

  #background2 .right {
    transform: translate(-50%, 0);
    top: 90.8em;
    left: 81%;
    width: 23%;
  }

  #background2 .point1 {
    transform: translate(-50%, 0);
    top: 96.45em;
    left: 19.9%;
    width: 5%;
    font-size: 23px !important;
  }

  #background2 .point2 {
    transform: translate(-50%, 0);
    top: 90.54em;
    left: 79.2%;
    width: 8%;
    font-size: 24px !important;
  }
  #background6 .w3-container {
    left: 6.9rem;
    /*width: 1205px;*/
  }
    
}

@media (min-width:2560px) and (max-width: 2563px) {
  #backgroundaddon .content1 {
    top: 45.85em;
    left: 59.2em;
    transform: translate(0, 0);
  }

  #backgroundaddon .content2 {
    top: 66rem;
    left: 50.8%;
    transform: translate(43%, 0);
  }
  #backgroundaddon .s2 {
    top: 68.1rem;
    left: 43.4%;
    transform: translate(76%, 0);
  }
  #backgroundaddon .content3 {
    top: 50.8em;
    left: 43.9%;
    transform: translate(35%, 0);
  }

  #backgroundaddon .content4 {
    top: 79.2rem;
    left: 44.6%;
    transform: translate(57%, 0);
  }

  #backgroundaddon .content5 {
    top: 83.5rem;
    left: 56.2%;
    transform: translate(59%, 0);
    width: 10%;
  }

  #backgroundaddon .content_medium {
    transform: translate(-50%, 0);
    top: 64em;
    left: 52.7%;
    width: 65%;
  }

  #backgroundaddon .content_medium1 {
    transform: translate(-50%, 0);
    top: 65.5em;
    left: 56.7%;
    width: 52%;
  }

  #background2 .top2 {
    left: 50%;
    transform: translate(-50%, 0);
    top: 52em;
    width: 100%;
  }

  #background2 .bottompoint {
    transform: translate(-50%, 0);
    top: 92.5em;
    width: 100%;
    left: 50%;
  }

  #background2 .function1 {
    color: #231f20;
    position: relative;
    font-size: 20px;
    font-weight: 600;
  }

  #background2 .left {
    transform: translate(-50%, 0);
    font-size: 23.5px;
    top: 86.85em;
    left: 31.5%;
  }

  #background2 .right {
    transform: translate(-50%, 0);
    top: 90.8em;
    left: 67%;
    width: 23%;
  }

  #background2 .point1 {
    transform: translate(0, 0);
    top: 96.45em;
    left: 30.9%;
    width: 4%;
    font-size: 23px !important;
  }

  #background2 .point2 {
    transform: translate(-50%, 0);
    top: 90em;
    left: 66.2%;
    width: 3%;
    font-size: 24px !important;
  }
  #background6 .w3-container {
    left: 41.9rem;
    width: 1205px;
  }
}