@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;900&display=swap');

.lato-regular {
	font-family: "Lato", sans-serif;
	font-weight: 400;
	font-style: normal;
}

.lato-black {
	font-family: "Lato", sans-serif;
	font-weight: 900;
	font-style: normal;
}

#june-promo {
	font-size: 14px;
}

#june-hero {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	background-image: url(../images/hero/back.jpg);
	background-image: -webkit-image-set(url("../images/hero/back.jpg") 1x,
			url("../images/hero/back@2x.jpg") 2x);
}

#june-hero .june-container {
	width: 100%;
}

#june-hero .june-inner {
	max-width: 1000px !important;
	width: 1000px !important;
	margin: 0;
}


#june-hero .june-left .left {
	height: auto;
}

#june-hero .june-left {
	left: -28em;
	top: 7em;
}

#june-hero .june-main {
	margin-top: 7em;
	margin-bottom: 8em;
}

#june-hero .button {
	font-size: 1.3em;
	height: 2.2em;
	width: 11em;
	border-radius: 1.1em;
	background-color: #ffde16;
	font-weight: 900;
	margin-top: 31px;
}

#june-hero .june-right {
	right: -31em;
	top: 3em;
}

#june-hero .button,
#june-hero .button:hover,
#june-hero .button:active,
#june-hero .button:visited {
	text-decoration: none;
	color: white;
}

#june-hero .animation-ph {
	visibility: hidden;
}

#june-hero .top-text {
	height: 53px;
	filter: drop-shadow(2.033px 3.461px 0px #ffffff);
	font-size: 53px;
	color: #0a8bab;
	display: block;
	line-height: 1;
	line-height: 0;
	font-variant-ligatures: no-contextual;
}

#june-hero .middle-text1 {
	height: 59px;
	font-size: 103px;
	color: #ed1c24;
	filter: drop-shadow(3.184px 6.581px 0px rgba(0, 0, 0, 0.4));
	-webkit-text-stroke: 3px #ffffff;
	display: block;
	line-height: 0;
	font-variant-ligatures: no-contextual;
}

#june-hero .middle-text2 {
	height: 264px;
	font-size: 264px;
	color: #ed1c24;
	filter: drop-shadow(6.217px 10.042px 0px rgba(0, 0, 0, 0.4));
	-webkit-text-stroke: 5px #ffffff;
	display: block;
	line-height: 0;
	letter-spacing: 0;
	font-variant-ligatures: no-contextual;
}

#june-hero .middle-text {
	line-height: 0;
}

#june-hero .main-text {
	line-height: 0;
	gap: 0em;
}

#june-hero .main-text p {
	margin: 0;
	padding: 0;
}

#june-hero .bottom-text {
	margin-top: 3em;
}

#june-hero .bottom-text p {
	font-size: 26px;
	line-height: 34px;
	text-transform: uppercase;
}

#june-hero .red-box {
	background-color: #ed1c24;
	padding: 2px 15px 0px 15px;
	border-radius: 25px;
}

#june-hero .left-text {
	max-width: 302px;
	font-size: 26px;
	color: #ed1c24;
	line-height: 31px;
	top: 80px;
	right: 127px;
	rotate: -12deg;
}

@supports (background: -webkit-named-image(i)) {
	#june-hero .button {
		padding-top: 2px;
	}

	#june-hero .middle-text2 {
		font-kerning: none;
	}

	#june-hero .middle-text1 {
		height: 60px;
		font-size: 106px;
	}
}

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

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

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

@media screen and (max-width: 991px) {
	#june-hero .june-main {
		margin: 5em 0;
	}

	#june-hero .june-main .main {
		width: 76%;
		margin-bottom: 1em;
	}

	#june-hero .button {
		left: 0;
	}
}

@media screen and (max-width: 767px) {
	#june-hero {
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		background-image: url(../images/hero/back-m.jpg);
		background-image: -webkit-image-set(url("../images/hero/back-m.jpg") 1x,
				url("../images/hero/back-m@2x.jpg") 2x);
	}

	#june-hero .june-container {
		width: 100%;
	}

	#june-hero .june-main {
		overflow: hidden;
		width: 100%;
	}

	#june-hero .june-inner {
		flex-direction: column;
		width: 100%;
	}

	#june-hero .button {
		margin-bottom: 8%;
	}
}

@media screen and (max-width: 567px) {
	#june-hero .button {
		height: 2em;
		width: 10.5em;
		font-size: 1.2em;
		border-radius: 1em;
		margin-bottom: 0;
		font-weight: 700;
		line-height: 0;
		margin-top: 13px;
	}

	#june-hero .left {
		width: 100%;
	}

	#june-hero .june-main {
		overflow: hidden;
		width: 100%;
		margin: 0;
		margin-top: 11%;
		margin-bottom: -10%;
	}

	dotlottie-wc.clouds {
		z-index: 0;
		top: 1%;
	}

	#june-hero .june-right {
		right: unset;
		top: unset;
		position: relative;
		width: 100%;
	}

	dotlottie-wc.pig-m {
		left: -216px;
		top: -12px;
	}

	#june-hero .top-text {
		font-size: 31px;
		height: 39px;
		filter: drop-shadow(2.214px 2.83px 0px #ffffff);
	}

	#june-hero .middle-text1 {
		font-size: 61px;
		height: 35px;
		filter: drop-shadow(2.428px 3.66px 0px rgba(0, 0, 0, 0.4));
		-webkit-text-stroke: 2px #ffffff;
	}

	#june-hero .middle-text2 {
		height: 142px;
		font-size: 154px;
		filter: drop-shadow(3.999px 4.725px 0px rgba(0, 0, 0, 0.4));
		-webkit-text-stroke: 2px #ffffff;

	}

	#june-hero .bottom-text p {
		font-size: 16px;
	}

	#june-hero .left-text {
		max-width: 197px;
		font-size: 20px;
		color: #ed1c24;
		line-height: 26px;
		top: 153px;
		right: 2px;
		rotate: -12deg;
	}

	@supports (background: -webkit-named-image(i)) {
		#june-hero .middle-text1 {
			font-size: 61px;
			height: 32px;
		}

		#june-hero .bottom-text p {
			font-size: 16.5px;
		}
	}
}