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");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "customfont"; 
  src: url("https://nicepage.axisdigitalleap.com/Aromixx/wasabii/Cheedar%20Cheese.otf") format("opentype");
}
#background1 .background1{
	background-repeat: no-repeat;
	background-size: 68.5% 100%;
	background-position: center;
	position: relative;
	min-height: 881px;
    background-position: 50% 50%;
    width: 1200px;
}

#background2 .background2{
	background-repeat: no-repeat;
	background-size: 68.5% 100%;
	background-position: center;
	position: relative;
	min-height: 881px;
    background-position: 50% 50%;
    width: 1200px;
}

#background22 .background22{
	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-repeat: no-repeat;
	background-size: 68.5% 100%;
	background-position: center;
	position: relative;
	min-height: 881px;
    background-position: 50% 50%;
    width: 1200px;
}

#background4 .background4{
	background-repeat: no-repeat;
	background-size: 68.5% 100%;
	background-position: center;
	position: relative;
	min-height: 881px;
    background-position: 50% 50%;
    width: 1200px;
}

#background5 .background5{
	background-repeat: no-repeat;
	background-size: 68.5% 100%;
	background-position: center;
	position: relative;
	min-height: 881px;
    background-position: 50% 50%;
    width: 1200px;
}



/* CONTENTS IN EACH BACKGROUND */
#background1 .content1_ {
    position: absolute;
    color: #c1272d;
    font-family: 'customfont';
    font-weight: 400;
    padding: 1px;
    text-align: center;
    line-height: 0.9;
    white-space: nowrap;
    z-index: 1;
}

#background1 .content2 {
    position: absolute;
    color: #000000;
    font-weight: 900;
    text-align: left;
    font-family: 'Montserrat', sans-serif;
    white-space: nowrap;
    z-index: 1;
}


#background1 .content3 {
 position: absolute;
 color: #000000;
  font-family: 'Montserrat', sans-serif,!important;
  font-weight: 900;
  padding: 1px;
  z-index: 1;
  white-space: nowrap;
}


#background1 .content4 {
    position: absolute;
    color: #000000;
    font-family: 'Montserrat', sans-serif,!important;
    font-weight: 900;
    padding: 1px;
	white-space: nowrap;
    z-index: 1;
}

#background1 .content5 {
    position: absolute;
    color: #000000;
	font-family: 'Montserrat', sans-serif,!important;
	font-weight: 900;
	white-space: nowrap;
	padding: 1px;
    z-index: 1;
}

#background1 .content6 {
    position: absolute;
    color: #000000;
    font-style: italic;
    line-height: 1.2;
    transform: rotate(-5deg);
    font-family: 'Montserrat', sans-serif;
    font-weight: 900;
    padding: 1px;
    z-index: 1;
}

#background1 .content7 {
    position: absolute;
    transform: translate(51%, 0) rotate(-5deg);
    color: #000000;
    font-family: 'Montserrat', sans-serif;
    font-weight: 900;
    white-space: nowrap;
    padding: 1px;
    z-index: 1;
}

/* BACKGROUND2 */
#background2 .content1 {
    color: #c1272d;
	 position: absolute;
    text-align: center;
    font-weight: normal;
    font-family: 'customfont';
    line-height: 0.45;
    z-index: 1;
	white-space: nowrap;
}

#background2 .first {
  position: absolute;
  color: #000000;
  font-family: 'Montserrat', sans-serif,!important;
  font-weight: 900;
  padding: 1px;
  white-space: nowrap;
  z-index: 1;
}
#background2 .top1 {
    position: absolute;
    color: #000000;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
	  white-space: nowrap;
    padding: 1px;
    z-index: 1;
}

#background2 .second {
    position: absolute;
    /* font-style: italic; */
    color: #000000;
    font-family: 'Montserrat', sans-serif,!important;
    font-weight: 750;
    padding: 1px;
	white-space: nowrap;
    z-index: 1;
}
#background2 .top2 {
    position: absolute;
    color: #000000;
    font-family: 'Montserrat', sans-serif,!important;
    font-weight: 600;
    padding: 1px;
	  white-space: nowrap;
	line-height:1;
	    text-align: center;
    z-index: 1;
}


#background2 .third {
  position: absolute;
  color: #000000;
  font-family: 'Montserrat', sans-serif,!important;
  font-weight: 900;
  padding: 1px;
  white-space: nowrap;
  z-index: 1;
}
#background2 .top3 {
    position: absolute;
    color: #000000;
    font-family: 'Montserrat', sans-serif,!important;
    font-weight: 600;
    padding: 1px;
	  white-space: nowrap;
	line-height:1;
	    text-align: center;
    z-index: 1;
}
#background2 .fourth {
  position: absolute;
  color: #000000;
  font-family: 'Montserrat', sans-serif,!important;
  font-weight: 900;
  padding: 1px;
  white-space: nowrap;
  z-index: 1;
}
#background2 .top4 {
    position: absolute;
    color: #000000;
    font-family: 'Montserrat', sans-serif,!important;
    font-weight: 600;
    padding: 1px;
	line-height:1;
    white-space: nowrap;
    z-index: 1;
	text-align: center;
}

#background2 .fifth {
  position: absolute;
  color: #000000;
  font-family: 'Montserrat', sans-serif,!important;
  font-weight: 900;
  white-space: nowrap;
  padding: 1px;
  z-index: 1;
}
#background2 .top5 {
    position: absolute;
    color: #000000;
    font-family: 'Montserrat', sans-serif,!important;
    font-weight: 600;
    padding: 1px;
	line-height:1;
    white-space: nowrap;
    z-index: 1;
	text-align: center;
}

#background22 .bodyy {
    position: absolute;
    color: #000000;
    font-family: 'Poppins', sans-serif;
    font-weight: 580;
    padding: 1px;
    text-align: center;
    white-space: nowrap;
    line-height: 1;
    font-size: 23px;
    top: 125rem;
    transform: translateX(13%);
    line-height: 1.2;
    z-index: 1;
    white-space: nowrap;
}
#background22 .bodyy .highlight1 {
    font-weight: bolder;
    font-style: italic;
    color: #C1272D;

}

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

#background22 .bodyy .highlight3 {
    position: relative;
    top: -19px;
    color: #FFFFFF;
    font-weight: 680;
    font-size: 37px;
}


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

    /* Adjust font sizes for Background1 */
    #background1 .content1_ {
    font-size: 81px;
    transform: translateX(25%);
    top: 6rem;
    }
    
    #background1 .content2 {
	font-size: 33px;
    transform: translateX(216%);
    top: 19.5rem;

    }

	#background1 .content3 {
    font-size: 33px;
    transform: translateX(413%);
    top: 26rem;
    }

    #background1 .content4 {
	font-size: 33px;
    transform: translateX(209%);
    top: 29.5rem;
	}

    #background1 .content5{
     font-size: 33px;
    top: 33rem;
    transform: translateX(319%);
	}
	
    #background1 .content6{
    font-size: 45px;
    top: 39rem;
    transform: rotate(-8deg);
    left: 44rem;
    
    }
	
	 #background1 .content7 {
	font-size: 25px;
    top: 46rem;
    transform: rotate(-9deg);
    left: 45rem;
	 }

	 #background2 .content1 {
    font-size: 73px;
    top: 61.1rem;
    transform: translateX(10.5%);
	 }

    #background2 .top1 {
    font-size: 27px;
    top: 71.3rem;
    transform: translateX(27%);
	}

    #background2 .top2 {
    font-size: 27px;
    top: 79rem;
    transform: translateX(30%);
	}

    #background2 .top3 {
    font-size: 27px;
    top: 87.5rem;
    transform: translateX(57%);
    }

    #background2 .top4 {
    font-size: 27px;
    top: 96rem;
    transform: translateX(30%);
    }

    #background2 .top5 {
    font-size: 27px;
    top: 105rem;
    transform: translateX(30%);
	}

    #background2 .first {
    font-size: 27px;
    top: 69.6rem;
    transform: translateX(27%);
	}

    #background2 .second {
    font-size: 27px;
    top: 77rem;
    transform: translateX(77%);
    }

    #background2 .third {
     font-size: 27px;
    top: 85.6rem;
    transform: translateX(44%);
	}

    #background2 .fourth {
    font-size: 27px;
    top: 94rem;
    transform: translateX(72%);
    }

    #background2 .fifth {
    font-size: 27px;
    top: 102.6rem;
    transform: translateX(85%);
    }

    /* ... 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 .content1_ {
    font-size: 81px;
    transform: translateX(25%);
    top: 6rem;
    }
    
    #background1 .content2 {
	font-size: 33px;
    transform: translateX(216%);
    top: 19.5rem;

    }

	#background1 .content3 {
    font-size: 33px;
    transform: translateX(413%);
    top: 26rem;
    }

    #background1 .content4 {
	font-size: 33px;
    transform: translateX(209%);
    top: 29.5rem;
	}

    #background1 .content5{
     font-size: 33px;
    top: 33rem;
    transform: translateX(319%);
	}
	
    #background1 .content6{
    font-size: 45px;
    top: 39rem;
    transform: rotate(-8deg);
    left: 44rem;
    
    }
	
	 #background1 .content7 {
	font-size: 25px;
    top: 46rem;
    transform: rotate(-9deg);
    left: 45rem;
	 }

	 #background2 .content1 {
    font-size: 73px;
    top: 61.1rem;
    transform: translateX(10.5%);
	 }

    #background2 .top1 {
    font-size: 27px;
    top: 71.3rem;
    transform: translateX(27%);
	}

    #background2 .top2 {
    font-size: 27px;
    top: 79rem;
    transform: translateX(30%);
	}

    #background2 .top3 {
    font-size: 27px;
    top: 87.5rem;
    transform: translateX(57%);
    }

    #background2 .top4 {
    font-size: 27px;
    top: 96rem;
    transform: translateX(30%);
    }

    #background2 .top5 {
    font-size: 27px;
    top: 105rem;
    transform: translateX(30%);
	}

    #background2 .first {
    font-size: 27px;
    top: 69.6rem;
    transform: translateX(27%);
	}

    #background2 .second {
    font-size: 27px;
    top: 77rem;
    transform: translateX(77%);
    }

    #background2 .third {
     font-size: 27px;
    top: 85.6rem;
    transform: translateX(44%);
	}

    #background2 .fourth {
    font-size: 27px;
    top: 94rem;
    transform: translateX(72%);
    }

    #background2 .fifth {
    font-size: 27px;
    top: 102.6rem;
    transform: translateX(85%);
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    body {
        font-size: 18px;
    }

    /* Adjust font sizes for Background1 */
      #background1 .content1_ {
    font-size: 81px;
    transform: translateX(25%);
    top: 6rem;
    }
    
    #background1 .content2 {
	font-size: 33px;
    transform: translateX(216%);
    top: 19.5rem;

    }

	#background1 .content3 {
    font-size: 33px;
    transform: translateX(413%);
    top: 26rem;
    }

    #background1 .content4 {
	font-size: 33px;
    transform: translateX(209%);
    top: 29.5rem;
	}

    #background1 .content5{
     font-size: 33px;
    top: 33rem;
    transform: translateX(319%);
	}
	
    #background1 .content6{
    font-size: 45px;
    top: 39rem;
    transform: rotate(-8deg);
    left: 44rem;
    
    }
	
	 #background1 .content7 {
	font-size: 23px;
    top: 46rem;
    transform: rotate(-9deg);
    left: 45rem;
	 }

	 #background2 .content1 {
    font-size: 73px;
    top: 61.1rem;
    transform: translateX(10.5%);
	 }

    #background2 .top1 {
    font-size: 27px;
    top: 71.3rem;
    transform: translateX(27%);
	}

    #background2 .top2 {
    font-size: 27px;
    top: 79rem;
    transform: translateX(30%);
	}

    #background2 .top3 {
    font-size: 27px;
    top: 87.5rem;
    transform: translateX(57%);
    }

    #background2 .top4 {
    font-size: 27px;
    top: 96rem;
    transform: translateX(30%);
    }

    #background2 .top5 {
    font-size: 27px;
    top: 105rem;
    transform: translateX(30%);
	}

    #background2 .first {
    font-size: 27px;
    top: 69.6rem;
    transform: translateX(27%);
	}

    #background2 .second {
    font-size: 27px;
    top: 77rem;
    transform: translateX(77%);
    }

    #background2 .third {
     font-size: 27px;
    top: 85.6rem;
    transform: translateX(44%);
	}

    #background2 .fourth {
    font-size: 27px;
    top: 94rem;
    transform: translateX(72%);
    }

    #background2 .fifth {
    font-size: 27px;
    top: 102.6rem;
    transform: translateX(85%);
    }
}

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

    /* Adjust font sizes for Background1 */
     #background1 .content1_ {
	font-size: 82px;
    top: 1.2em;
    left: -0.65em;
    transform: translate(50%, 0);
    }
    
    #background1 .content2 {
	font-size: 42px;
    top: 6.8em;
    left: 15.2em;
    transform: translate(14%, 0)

    }

	#background1 .content3 {
	font-size: 34px;
    top: 11.8em;
    left: 20em;
    transform: translate(41%, 0);
	}

    #background1 .content4 {
    font-size: 34px;
    top: 13.8em;
    left: 17.2em;
    transform: translate(47%, 0);
	}
	
    #background1 .content5{
    font-size: 34px;
    top: 15.5em;
    left: 19.1em;
    transform: translate(47%, 0);
	}
	
    #background1 .content6{
    font-size: 44px;
    top: 14.3em;
    left: 16.1em;
    transform: rotate(-5deg);
    
    }
	
	 #background1 .content7 {
    font-size: 20px;
    top: 36.8em;
    left: 32.5em;
    transform: translate(51%, 0) rotate(-5deg);
}

	#background2 .content1 {
    left: 44.85%;
    transform: translate(-50%, 0);
    top: 13.27em;
    font-size: 73.8px;
	}
#background22.bodyy{
    font-size: 23px;
    top: 125rem;
    transform: translateX(13%);
}

#background2 .top1 {
    left: 45%;
    transform: translate(-50%, 0);
    top: 42.6em;
    font-size: 27px;
}

#background2 .top2 {
    font-size: 27px;
    top: 79rem;
    left: 50%;
    transform: translate(-60%, 0);
}

    #background2 .top3 {
    font-size: 27px;
    top: 87.5rem;
	left: 44%;
    transform: translate(-50%, 0);
	}

    #background2 .top4 {
    font-size: 27px;
    top: 43rem;
	left: 50%;
    transform: translate(-50%, 0);
    }

    #background2 .top5 {
    font-size: 27px;
    top: 105rem;
	left: 43%;
    transform: translate(-50%, 0);
	}

#background2 .first {
    left: 45%;
    transform: translate(-50%, 0);
    top: 41em;
    font-size: 27px;
}
#background2 .second {
    left: 45%;
    transform: translate(-50%, 0);
    top: 45.8em;
    font-size: 27px;
}
#background2 .third {
    left: 45%;
    transform: translate(-50%, 0);
    top: 50.7em;
    font-size: 27px;
}

#background2 .fourth {
    left: 45%;
    transform: translate(-50%, 0);
    top: 55.8em;
    font-size: 27px;
    }

#background2 .fifth {
    left: 45%;
    transform: translate(-50%, 0);
    top: 60.8em;
    font-size: 27px;
}
}