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

@font-face{
  font-family: "Helvetica Neue 77 Bold Condensed Oblique";
  src: url("https://db.onlinewebfonts.com/t/9634b137ce8cfd6d444699bf54fbc08e.eot");
  src: url("https://db.onlinewebfonts.com/t/9634b137ce8cfd6d444699bf54fbc08e.eot?#iefix")format("embedded-opentype"),
      url("https://db.onlinewebfonts.com/t/9634b137ce8cfd6d444699bf54fbc08e.woff")format("woff"),
      url("https://db.onlinewebfonts.com/t/9634b137ce8cfd6d444699bf54fbc08e.woff2")format("woff2"),
      url("https://db.onlinewebfonts.com/t/9634b137ce8cfd6d444699bf54fbc08e.ttf")format("truetype"),
      url("https://db.onlinewebfonts.com/t/9634b137ce8cfd6d444699bf54fbc08e.svg#Helvetica Neue 77 Bold Condensed Oblique")format("svg");
      
  font-weight:normal;
  font-style:normal;
  font-display:swap;
}

@font-face{
    font-family:"helvetica-neue-lt-std-77-bold-condensed-oblique";
    src:url("https://candyfonts.com/wp-data/2019/04/06/51351/HelveticaNeueLTStd-BdCnO.otf") format("woff"),
    url("https://candyfonts.com/wp-data/2019/04/06/51351/HelveticaNeueLTStd-BdCnO.otf") format("opentype"),
    url("https://candyfonts.com/wp-data/2019/04/06/51351/HelveticaNeueLTStd-BdCnO.otf") format("truetype");
    font-weight:bold;
    font-style:italic;
}

/* BACKGROUND IMAGE */
#background1 .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: 900px;
    background-position: 50% 50%;
    width: 1200px;
    /*height: 1000px;*/
}
#background22 .background22{
	/*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: 900px;
    background-position: 50% 50%;
    width: 1200px;
    /*height: 877px;*/
}

#background2 .background2{
	/*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: 900px;
    background-position: 50% 50%;
    width: 1200px;
    /*height: 877px;*/
}

#background3 .background3{
	/*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: 900px;
    background-position: 50% 50%;
    width: 1200px;
    /*height: 865px;*/
}

#background4 .background4{
	/*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: 900px;
    background-position: 50% 50%;
    width: 1200px;

}


#background1 .contentOne {
    position: absolute;
    font-style: normal;
    color: #000000;
    font-weight: 900;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    padding: 3px;
    background-color: #FFFFFF;
    border-radius: 10px;
    line-height: 1.2;
    z-index: 2;
    white-space: nowrap;
}

#background1 .content2 {
    position: absolute;
    color: #FFFFFF;
    font-style: normal;
    font-weight: 500;
    font-family: 'Lobster 1.4' !important;
    text-shadow: 0 0 10px #000000;
    z-index: 1;
    white-space: nowrap;
}

#background1 .contentThree {
    position: absolute;
    font-weight: 700; /* Bold font weight */
    font-stretch: condensed; /* Condensed font */
    font-style: italic; /* Italic font style */
    color: #FFFFFF;
    font-family: "Helvetica Neue LT Pro", Helvetica, Arial, sans-serif !important;
    padding: 3px;
    white-space: nowrap;
    z-index: 1;
}

#background1 .contentFour {
    position: absolute;
    font-style: italic; /* Italic font style */
    color: #FFFFFF;
    font-family: "Helvetica Neue LT Pro", Helvetica, Arial, sans-serif !important;
    font-weight: 700;
    font-stretch: condensed;
    padding: 3px;
    white-space: nowrap;
    z-index: 1;
}

#background1 .contentFive {
    position: absolute;
    font-style: italic; /* Italic font style */
    color: #FFFFFF;
    font-family: "Helvetica Neue LT Pro", Helvetica, Arial, sans-serif !important;
    font-weight: 700;
    font-stretch: condensed;
    padding: 3px;
    white-space: nowrap;
    z-index: 1;
}

#background1 .contentSix {
    position: absolute;
    font-style: italic; /* Italic font style */
    font-weight: bold;
    color: #FFFFFF;
    font-family: "Helvetica Neue LT Pro", Helvetica, Arial, sans-serif !important;
    font-weight: 700;
    font-stretch: condensed;
    padding: 3px;
    white-space: nowrap;
    z-index: 1;
}

#background2 .top2 {
    position: absolute;
    /* font-style: italic; */
    font-weight: 900;
    color: #000000;
    font-family: "Montserrat", sans-serif;
    padding: 3px;
    white-space: nowrap;
    z-index: 1;
}

#background2 .top3 {
    position: absolute;
    /* font-style: italic; */
    font-weight: 900;
    color: #000000;
    font-family: "Montserrat", sans-serif;
    padding: 3px;
    white-space: nowrap;
    z-index: 1;
}

#background2 .top4 {
    position: absolute;
    /* font-style: italic; */
    font-weight: 900;
    color: #000000;
    font-family: "Montserrat", sans-serif;
    padding: 3px;
    white-space: nowrap;
    z-index: 1;
}

#background2 .top5 {
    position: absolute;
    /* font-style: italic; */
    font-weight: 900;
    color: #000000;
    font-family: "Montserrat", sans-serif;
    padding: 3px;
    white-space: nowrap;
    z-index: 1;
}

#background2 .top6 {
    position: absolute;
    /* font-style: italic; */
    font-weight: 900;
    color: #000000;
    font-family: "Montserrat", sans-serif;
    padding: 3px;
    white-space: nowrap;
    z-index: 1;
}

#background2 .top7 {
    position: absolute;
    /* font-style: italic; */
    font-weight: 900;
    color: #000000;
    font-family: "Montserrat", sans-serif;
    padding: 3px;
    white-space: nowrap;
    z-index: 1;
}

#background2 .first {
    position: absolute;
    /* font-style: italic; */
    font-family: "Helvetica LT Std", sans-serif;
    font-weight: bold;
    font-stretch: condensed;
    padding: 3px;
    color: #ffffff;
    white-space: nowrap;
}

#background2 .second {
    position: absolute;
    /* font-style: italic; */
    font-family: "Helvetica LT Std", sans-serif;
    font-weight: bold;
    font-stretch: condensed;
    padding: 3px;
    color: #ffffff;
    white-space: nowrap;
}

#background2 .third {
    position: absolute;
    /* font-style: italic; */
    font-family: "Helvetica LT Std", sans-serif;
    font-weight: bold;
    font-stretch: condensed;
    padding: 3px;
    color: #ffffff;
    white-space: nowrap;
}

#background2 .fourth {
    position: absolute;
    /* font-style: italic; */
    font-family: "Helvetica LT Std", sans-serif;
    font-weight: bold;
    font-stretch: condensed;
    padding: 3px;
    color: #ffffff;
    white-space: nowrap;
	line-height:1.15;
}

#background2 .fifth {
    position: absolute;
    /* font-style: italic; */
    font-family: "Helvetica LT Std", sans-serif;
    font-weight: bold;
    font-stretch: condensed;
    padding: 3px;
    color: #ffffff;
    white-space: nowrap;
	line-height:1.15;
}

#background2 .sixth {
    position: absolute;
    /* font-style: italic; */
    font-family: "Helvetica LT Std", sans-serif;
    font-weight: bold;
    font-stretch: condensed;
    padding: 3px;
    color: #ffffff;
    white-space: nowrap;
    z-index: 1;
}

#background22 .bodyy {
    position: absolute;
    color: #FFFFFF;
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    padding: 1px;
    text-align: center;
    white-space: nowrap;
    line-height: 1;
    line-height: 1.2; /* Adjust the value as needed */
    z-index: 1;
    white-space: nowrap;
}

#background22 .bodyy .highlight1 {
    color: #f7931e;
    font-style: italic;
    font-weight: 800;


}

#background22 .bodyy .highlight2 {
  position: relative;
  top: -10px; 
}

#background22 .bodyy .highlight3 {
    position: relative;
    top: -10px;
    color: #f7931e;
    font-weight: 800;
    font-size: 50px;
    font-style: italic;
    
}

/* CONTENT */
/* BACKGROUND1 */
@media (max-width: 740px) {
    /* Adjust font sizes for mobile devices */
    body {
        font-size: 14px;
    }

    /* Adjust font sizes for Background1 */
    #background1 .contentOne {
        font-size: 28px;
        left: 136%;
        top: 6rem;
        transform: translateX(-20%);
    }

    #background1 .content2 {
        font-size: 118px;
        right: -135%;
        top: 6.8rem;
    }

    #background1 .contentThree {
        font-size: 64px;
        left: 56%;
        top: 22rem;
        transform: translateX(-28%);
    }

    #background1 .contentFour {
        font-size: 46px;
        left: 58%;
        top: 28rem;
        transform: translateX(-31%);
    }

    #background1 .contentFive {
        font-size: 46px;
        top: 33rem;
        transform: translateX(107%);
    }

    #background1 .contentSix {
        font-size: 46px;
        left: 58%;
        top: 37.5rem;
        transform: translateX(-31%);
    }

    #background2 .top2 {
        font-size: 31px;
        top: 5rem;
        transform: translateX(12%);
    }

    #background2 .top3 {
        font-size: 31px;
        top: 12rem;
        transform: translateX(12%);
    }

    #background2 .top4 {
        font-size: 31px;
        top: 19rem;
        transform: translateX(14%);
    }

    #background2 .top5 {
        font-size: 31px;
        top: 26rem;
        transform: translateX(12%);
    }

    #background2 .top6 {
        font-size: 31px;
        top: 37rem;
        transform: translateX(14%);
    }

    #background2 .top7 {
        font-size: 31px;
        top: 46rem;
        transform: translateX(13%);
    }

    #background2 .first {
        font-size: 26px;
        top: 8.6rem;
        transform: translateX(12%);
    }

    #background2 .second {
        font-size: 26px;
        top: 15.6rem;
        transform: translateX(12%);
    }

    #background2 .third {
        font-size: 26px;
        top: 22.6rem;
        transform: translateX(12%);
    }

    #background2 .fourth {
        font-size: 26px;
        top: 30rem;
        transform: translateX(12%);
    }

    #background2 .fifth {
        font-size: 26px;
        top: 41rem;
        transform: translateX(12%);
    }

    #background2 .sixth {
        font-size: 26px;
        top: 49.6rem;
        transform: translateX(19%);
    }
	
	#background22 .bodyy {
		
	font-size: 23px;
    top: 10rem;
    transform: translateX(14%);
	}
		

    /* ... Adjust font sizes for other content elements ... */
}

@media (min-width: 741px) and (max-width: 991px) {
    /* Adjust font sizes for tablets */
    body {
        font-size: 14px;
    }

    /* Adjust font sizes for Background1 */
    #background1 .contentOne {
        font-size: 31px;
        left: 74%;
        top: 6rem;
        transform: translateX(-20%);
    }

    #background1 .content2 {
        font-size: 135px;
        right: -25%;
        top: 6.8rem;
    }

    #background1 .contentThree {
        font-size: 70px;
        left: 28%;
        top: 22rem;
        transform: translateX(-28%);
    }

    #background1 .contentFour {
        font-size: 51px;
        left: 31%;
        top: 28rem;
        transform: translateX(-31%);
    }

    #background1 .contentFive {
        font-size: 51px;
        top: 33rem;
        transform: translateX(96%);
    }

    #background1 .contentSix {
        font-size: 51px;
        left: 31%;
        top: 37.5rem;
        transform: translateX(-31%);
    }

    #background2 .top2 {
        font-size: 31px;
        top: 5rem;
        transform: translateX(12%);
    }

    #background2 .top3 {
        font-size: 31px;
        top: 12rem;
        transform: translateX(12%);
    }

    #background2 .top4 {
        font-size: 31px;
        top: 19rem;
        transform: translateX(12%);
    }

    #background2 .top5 {
        font-size: 31px;
        top: 26rem;
        transform: translateX(12%);
    }

    #background2 .top6 {
        font-size: 31px;
        top: 37rem;
        transform: translateX(14%);
    }

    #background2 .top7 {
        font-size: 31px;
        top: 46rem;
        transform: translateX(12%);
    }
	    #background2 .first {
        font-size: 26px;
        top: 8.6rem;
        transform: translateX(12%);
    }

    #background2 .second {
        font-size: 26px;
        top: 15.6rem;
        transform: translateX(12%);
    }

    #background2 .third {
        font-size: 26px;
        top: 22.6rem;
        transform: translateX(12%);
    }

    #background2 .fourth {
        font-size: 26px;
        top: 30rem;
        transform: translateX(12%);
    }

    #background2 .fifth {
        font-size: 26px;
        top: 41rem;
        transform: translateX(12%);
    }

    #background2 .sixth {
        font-size: 26px;
        top: 49.6rem;
        transform: translateX(12%);
    }
	
	#background22 .bodyy {
		
	font-size: 23px;
    top: 10rem;
    transform: translateX(14%);
	}


    /* ... Adjust font sizes for other content elements ... */
}

@media (min-width: 992px) and (max-width: 1199px) {
    /* Adjust font sizes for medium-sized laptops */
    body {
        font-size: 18px;
    }

    /* Adjust font sizes for Background1 */
    #background1 .contentOne {
        font-size: 37px;
        left: 56%;
        top: 5rem;
        transform: translateX(-20%);
    }

    #background1 .content2 {
        font-size: 149px;
        right: -1%;
        top: 5.8rem;
    }

    #background1 .contentThree {
        font-size: 68px;
        left: 21%;
        top: 22rem;
        transform: translateX(-28%);
    }

    #background1 .contentFour {
        font-size: 52px;
        left: 23%;
        top: 28.2rem;
        transform: translateX(-31%);
    }

    #background1 .contentFive {
        font-size: 51px;
        top: 33rem;
        transform: translateX(96%);
    }

    #background1 .contentSix {
        font-size: 51px;
        left: 23%;
        top: 37.5rem;
        transform: translateX(-31%);
    }
	
	   #background2 .top2 {
        font-size: 31px;
        top: 5rem;
        transform: translateX(12%);
    }

    #background2 .top3 {
        font-size: 31px;
        top: 12rem;
        transform: translateX(12%);
    }

    #background2 .top4 {
        font-size: 31px;
        top: 19rem;
        transform: translateX(12%);
    }

    #background2 .top5 {
        font-size: 31px;
        top: 26rem;
        transform: translateX(12%);
    }

    #background2 .top6 {
        font-size: 31px;
        top: 37rem;
        transform: translateX(14%);
    }

    #background2 .top7 {
        font-size: 31px;
        top: 46rem;
        transform: translateX(12%);
    }
	
		#background2 .first {
        font-size: 26px;
        top: 8.5rem;
        transform: translateX(11.5%);
    }

    #background2 .second {
        font-size: 26px;
        top: 15.6rem;
        transform: translateX(12%);
    }

    #background2 .third {
        font-size: 26px;
        top: 22.6rem;
        transform: translateX(13%);
    }

    #background2 .fourth {
        font-size: 26px;
        top: 30rem;
        transform: translateX(12.5%);
    }

    #background2 .fifth {
        font-size: 26px;
        top: 41rem;
        transform: translateX(13%);
    }

    #background2 .sixth {
        font-size: 26px;
        top: 49.6rem;
        transform: translateX(20%);
    }
	
	#background22 .bodyy {
		
	font-size: 23px;
    top: 10rem;
    transform: translateX(14%);
	}

    /* ... Adjust font sizes for other content elements ... */
}

/* Large laptops and desktops */
@media (min-width: 1200px) {
    /* Adjust font sizes for large laptops and desktops */
    body {
        font-size: 20px;
    }

    #background1 .contentOne {
        font-size: 40px;
        left: 42%;
        top: 4rem;
        transform: translateX(-20%);
    }

    #background1 .content2 {
        font-size: 161px;
        right: 16%;
        top: 4.8rem;
    }

    #background1 .contentThree {
        font-size: 72px;
        left: 18%;
        top: 22rem;
        transform: translateX(-28%);
    }

    #background1 .contentFour {
        font-size: 55px;
        left: 20%;
        top: 28.2rem;
        transform: translateX(-31%);
    }

    #background1 .contentFive {
        font-size: 51px;
        top: 33rem;
        transform: translateX(96%);
    }

    #background1 .contentSix {
        font-size: 51px;
        left: 23%;
        top: 37.5rem;
        transform: translateX(-45%);
    }
	   #background2 .top2 {
        font-size: 31px;
        top: 5rem;
        transform: translateX(12%);
    }

    #background2 .top3 {
        font-size: 31px;
        top: 12rem;
        transform: translateX(12%);
    }

    #background2 .top4 {
        font-size: 31px;
        top: 19rem;
        transform: translateX(12%);
    }

    #background2 .top5 {
        font-size: 31px;
        top: 26rem;
        transform: translateX(12%);
    }

    #background2 .top6 {
        font-size: 31px;
        top: 37rem;
        transform: translateX(14%);
    }

    #background2 .top7 {
        font-size: 31px;
        top: 46rem;
        transform: translateX(12%);
    }
	
		#background2 .first {
        font-size: 26px;
        top: 8.5rem;
        transform: translateX(11.5%);
    }

    #background2 .second {
        font-size: 26px;
        top: 15.6rem;
        transform: translateX(12%);
    }

    #background2 .third {
        font-size: 26px;
        top: 22.6rem;
        transform: translateX(13%);
    }

    #background2 .fourth {
        font-size: 26px;
        top: 30rem;
        transform: translateX(12.5%);
    }

    #background2 .fifth {
        font-size: 26px;
        top: 41rem;
        transform: translateX(13%);
    }

    #background2 .sixth {
        font-size: 26px;
        top: 49.6rem;
        transform: translateX(20%);
    }
	
	#background22 .bodyy {
		
	font-size: 23px;
    top: 10rem;
    transform: translateX(14%);
	}

}